我想获取元素的子标签名称。
HTML:
<div class="element">
<h1>title</h1>
</div>
<div class="element">
<img src="http://2.bp.blogspot.com/-ma66w8WJsZ0/UBVcmt3XS4I/AAAAAAAAAWw/4UyVd2eR8A0/s1600/olympic-logo.thumbnail.jpg" />
</div>
<div id="debugger"></div>
jQuery:
$(".element").bind("click", function(){
var child = $(this).add("first-child").prop("tagName");
$("#debugger").html(child);
});
我不明白为什么我总是得到 DIV 作为结果......
谢谢。
最佳答案
$(this).children()[0].tagName
或
$(this).children().first().prop('tagName');
.add()
用于向 jQuery 对象数组添加新元素,但您正在尝试获取现有元素的标签名称。所以,你需要一些 getter 方法。
使用 JavaScript
this.firstChild.tagName
或
this.childNodes[0].tagName
<小时/>
完整代码
$(".element").bind("click", function(){
var child = $(this).children().first().prop('tagName');
$("#debugger").html(child);
});
<强> DEMO
关于jquery - 获取元素的子标记名,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11987553/