jQuery contents()


jQuery 中的 contents() 方法用于返回所选元素的所有直接子级(包括文本和注释节点)。

语法

语法如下 −

$(selector).contents()

示例

让我们看一个实现 jQuery contents() 方法的示例 −

<!DOCTYPE html>
<html>
<head>
<style>
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
   $(document).ready(function(){
      $("button").click(function(){
         $("div").contents().filter("p").wrap("<i/>");
      });
   });
</script>
</head>
<body>
<h2>Products</h2>
<div><p>90% of the products are sold.</p></div>
<p>10% of the products are still waiting to get dispatched.</p>
<button>Text Nodes</button><br>
</body>
</html>

输出

这将产生以下输出 −

现在,点击“文本节点”按钮 −

更新日期:2019-11-11

124 次浏览

开启你的 职业

通过完成课程获得认证

开始学习
广告