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

小提琴

此外，live()已弃用和删除，如果存在这样的元素，则要获取 i 元素的文本，请检查是否存在并采取适当的行动