jquery获取标签内容,编辑内容

一、获取页面元素

三种方式获取页面中元素的内容。

input标签使用:.val()获取

标签下的html及文本内容:.html()

仅获取标签下的纯文本内容:.text()

  <head>
    <script type="text/javascript">
        $(function(){
            console.log($(".1").html());//会获取其中包含html的所有值<p>a</p>
            console.log($(".2").text());//仅获取文本内容,不获取html标签
        });
    </script>
  </head>
  <body>
      <div>
          <ul>
              <li class="1"><p>a</p></li>
              <li class="2"><p>b</p></li>
          </ul>
      </div>
  </body>    

二、编辑页面元素  

 .html(htmlString),.text(textString)和.val(value)三种方法都是用来替换选中元素的内容,如果三个方法同时运用在多个元素上时,那么将会替换所有选中元素的内容。

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。