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。