jQuery - 获取字符串附近的元素

Question

我有一个问题。我有一个HTML页面的字符串。我需要捕捉元素“接近”一个特定的字符串，像这样的：

<p>This is some text</p> 
Ratings: 
<strong><a href="http://www.foo.co">Kids +13</a></strong> 

我需要“评级”，然后捕获最接近的下一个元素。我可以使用jQuery吗？我曾试过，但我无法理解哪些文本选择器“评分：”我可以使用。

谢谢。

Answer 1

做到这一点，最好的办法是给你的一类这样的：

<a href="#" class="ratings">Kids +13</a> 

在你的jQuery它是那么简单：

$('.ratings').html() 

这将返回：

如果你想保存它，只需添加

var rating = $('.ratings').html() 

如果您有多个评分，它会稍微复杂一点，但不会太多。

Answer 2

这为我工作：

http://jsfiddle.net/LykFa/1/

$("body:contains(Ratings\:)").find("strong").html(); 

这不是漂亮，而且在任何情况下将无法正常工作，但它确实工作的例子。如果你能举出其他例子，我们可能会提供更多帮助。

Answer 3

包裹Ratings:文本在<span>标签和应用class属性，像这样：

<p>This is some text</p> 
<span class="ratings">Ratings:</span> 
<strong><a href="http://www.foo.co">Kids +13</a></strong> 

然后你可以选择Ratings:文字，像这样：

$(".ratings:contains(Ratings\:)") 

最后，你可以使用jQuery .next()函数获取所选元素的紧随其后的兄弟（您的案例中的<a>标记），如下所示：

$(".ratings:contains(Ratings\:)").next() 

查看示例jsFiddle。