onclick 获取元素的此 textContent [英] onclick get this textContent of an element

问题描述

<ul><li><a>第一个节点<i>textContent</i></a></li><li><a>textContent1</a></li><li><a>textContent2</a></li><li><a>textContent3</a></li>

JS

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

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

和第一个

我希望获得 元素的值.

有可能吗?

解决方案

use text() :

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

FIDDLE

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

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

I wish to get the value of <a> element using onclick

and first <li> I wish to get the value of <i> element.

Is it possible?

解决方案

use text() :

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

FIDDLE

Also, live() has been deprecated and removed, and to get the text of the i element if such an element exists, you check if exists and the act appropriately

这篇关于onclick 获取元素的此 textContent的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！