javascript - onclick 获取元素的文本内容

Question

<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);
});

我希望获取<a>的值使用 onclick 的元素

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

可能吗？

Answer 1

使用text():

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

FIDDLE

此外，live() 已被弃用并删除，并且要获取 i 元素的文本(如果存在这样的元素)，您需要检查是否存在并进行适当的操作