JQuery 查找子元素
- 前端笔记
- 2017-02-06
- 125热度
- 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>