访问“li”标签内的“a”标签内的值？

Question

如何获取嵌套标记的值？

我想使用jquery访问值“MY NAME IS JOHN”，我该怎么做

<ul>
    <li id="name_check"><a href="#"> MY NAME IS JOHN </a></li>
</ul>

如何使用jquery和'li'的给定ID来访问此名称。

我尝试使用jQuery（#name_check）.value，但在javascript警告框中给出“0”作为结果

Answer 1

尝试使用：

$("#name_check a").text();

请注意#name_check和a之间的空格。这意味着a

的任何#name_check代码都是子代（在DOM的任何级别）

Answer 2

您可以使用

获取文本值

$('li#name_check > a').text();

如下所示：http://jsfiddle.net/uanS4/

Answer 3

var content = $('#name_check a').html();

这就像你从css中知道的选择器：#name_check之后的空格你说你想要<a>标签。

Answer 4

尝试

 var val= $('#name_check a').text();

Answer 5

jQuery("#name_check a").html();

Answer 6

你应该使用 -

$("#name_check").find('a').text(); //recomended

另一个选项是 -

$("#name_check a").text(); //not recomended

但是我会建议你避免这个，因为根据jQuery docs发现找到孩子到特定父母而不是用css方式写作更快

Answer 7

像这样

<a id="test">test text</a>


alert($("#test").html())

示例http://jsfiddle.net/Elfego/KUHxn/1/

Answer 8

var a = jQuery(#name_check a).text()

或

var a = jQuery(#name_check).find(a).text()