jQuery获取标签的文本内容和html内容

上大王 分享于 10分钟前 36150阅 0人收藏此代码, 我要收藏

jQuery可以通过text和html方法获取指定标签的文本内容或者html内容

<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("#btn1").click(function(){
    alert("Text: " + $("#test").text());
  });
  $("#btn2").click(function(){
    alert("HTML: " + $("#test").html());
  });
});
</script>
</head>

<body>
<p id="test">This is some <b>bold</b> text in a paragraph.</p>
<button id="btn1">Show Text</button>
<button id="btn2">Show HTML</button>
</body>
</html>

//该代码片段来自于: http://www.sharejs.com/codes/javascript/8011

标签:
  • text
  • html
  • jquery