onclick获取元素的这个textContent

时间:2013-08-22 17:48:41

标签: javascript jquery onclick nodes

<div class="myclass">
<ul>
<li><a> first node <i>textContent</i></a></li>
<li><a>textContent1</a></li>
<li><a>textContent2</a></li>
<li><a>textContent3</a></li>
</ul>
</div>

JS

$(".myclass ul li").live("click", function() {
alert(this.textContent);
});

我希望使用onclick

获取<a>元素的值

和第一个<li>我希望获得<i>元素的值。

有可能吗?

1 个答案:

答案 0 :(得分:2)

使用text()

$(document).on("click", ".myclass ul li", function() {
    var txt = $('i', this).length ? $('i', this).text() : $(this).text();
    alert( txt );
});

FIDDLE

此外,live()已被弃用和删除,并且如果存在这样的元素,则获取i元素的文本,您可以检查是否存在并且该行为是否正确