现在位置: 首页 / 未分类 / jquery / 正文

JQuery 查找子元素

  • 桩白墨
  • 未分类
  • 2017-02-06
  • 2热度
  • 0评论

有一段 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>