使用jQuery(或javascript)从CSS选择器中选择文本

时间:2014-10-20 22:42:14

标签: javascript jquery css

在控制台中运行:

$('#background-experience h4 a')

返回以下列表:

<a href='someURL.com' name='something' title='title class='class>SOME TEXT</a>

如何从列表中选择第一个元素,然后选择&#34; SOME TEXT&#34;?

$('#background-experience h4 a').text() 

返回所有&#34; SOME TEXT&#34;。但是

$('#background-experience h4 a')[0].text() 

打破了这个错误:

$('#background-experience h4 a')[0].text()
Uncaught TypeError: string is not a function

2 个答案:

答案 0 :(得分:5)

$('#background-experience h4 a').text();

从列表中选择第一个元素,然后选择&#34; SOME TEXT -

$('#background-experience h4 a:eq(0)').text()

答案 1 :(得分:0)

jQuery解决方案:

使用像这样的.text()方法:

$(&#39;#background-experience h4 a&#39;)。text();

纯JS解决方案:

使用innerHTML(),如:

document.getElementsByName(&#39;东西&#39;)[0] .innerHTML;

这只是一个选择器样本。有多种方法可以选择元素。

如果要选择元素的第一次出现,可以使用css选择器:first-child或jquery选择器之后的方法.eq(0)