2017年2月6日

JQuery 查找子元素

有一段 HTML 如下:

<p>这是一个段落。<span>a span</span></p>

假设 $p 为整个 p 元素,获取 span 元素的标签名,最好的方式是:

$("span", $p)[0].tagName

其中,第一个参数(”span”)是正常的选择器,第二个参数($p)是选择范围。

公司的老大不推荐使用 children() 和 find() 函数,不知道为什么,可能不够简洁吧。

完整示例如下:

<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js"></script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $p = $("p");
    alert($p.children()[0].tagName);
    alert($p.find("span")[0].tagName);
    alert($("span", $p)[0].tagName);
  });
});
</script>
</head>

<body>
<p>这是一个段落。<span>a span</span></p>
<button>check</button>
</body>
</html>

You may also like...

发表评论

电子邮件地址不会被公开。 必填项已用*标注

错误:您的PHP不支持GD图像!

联系您的主机商,询问PHP支持GD图像的问题.

错误:您的PHP不支持imagepng函数!

联系您的主机商,询问PHP支持imagepng函数的问题.