获取此子值的jQuery

Question

我的问题很简单.

下面的代码正确记录"this",并打印出所需的子元素:

console.log( $(this).children()[0] );

打印:

<span>test result</span>

尝试检索其值会引发异常.我正在使用:

$((this).children()[0]).val()

哪个投掷:

Property 'children' of object [object HTMLAnchorElement] is not a function

我的语法有什么问题？

HTML:

<li>
<a href="#">
<span>example 1</span>
<span>example 1 sibling</span>
</a>
</li>

<li>
<a href="#">
<span>example</span> 
<span>example 2 sibling</span>
</a>
</li>

<li>
<a href="#">
<span>example</span> 
<span>example 3 sibling</span>
</a>
</li>

<li>
<a href="#">
<span>example</span>
<span>example 4 sibling</span></a>
</li> 

Answer 1

因为孩子是你需要获得一个跨度text()或html()没有val().

$(this).children().eq(0).text()

演示:小提琴