JQuery在一组特定的p标签中获取文本

时间:2015-11-09 10:50:46

标签: javascript jquery html

我尝试使用JQuery在某组<div > <a class="GreenBtn buttonGreen" style="text-decoration: none;" href="#"> <span> Bestellung anzeigen </span> </a> </div>标签之间获取文本时遇到问题 - 这是我目前拥有的html:

<p>

我正在尝试在第二组<div class="mainarea"> <p> <strong>Location: </strong> </p> <!-- display search results --> <p> You searched for <strong>"xyz"</strong>. </p> 代码中找到该文本(您搜索了...),但我不断从第一个<p>代码获取文本(位置.. )。

到目前为止,我有这个功能:

<p>,返回“Location ...”并尝试将.text()函数添加到其中,但这似乎没有帮助。

2 个答案:

答案 0 :(得分:4)

使用eq():eq selector

$('.mainarea p').eq(1).text();

使用选择器:

$('.mainarea p:eq(1)').text();
  

注意:使用文本中提到的.text()。要获取innerHTML,请使用.html()

&#13;
&#13;
$('body').html($('.mainarea p').eq(1).html());
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<div class="mainarea">
  <p>
    <strong>Location: </strong>
  </p>

  <!-- display search results -->
  <p>
    You searched for <strong>"xyz"</strong>.
  </p>
&#13;
&#13;
&#13;

答案 1 :(得分:0)

同样,我们可以使用下面给出的代码

console.log("value is"+$('.mainarea p:last').html()) ; 

这里你的p位置,所以我使用这个接近。如果p不是最后一个元素,那么我们可以使用.eq()来设置索引或获取索引。