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。