如何在某個特定類的所有實例中使用跨度來訪問文本？

Question

我的網站上的文章下方有一個評分框，然后在人們對文章發表的評論中再次出現了該評分框。 因此費率框在頁面上多次出現。 我正在嘗試更改該費率框中顯示的文本，但是很遺憾，我對擁有的網站類型沒有服務器訪問權限。 所以我需要使用腳本來完成。

我正在使用的小腳本現在可以使用，但僅適用於最高級的框。 但是，我需要更改每個文本。 我正在嘗試將顯示“費率”的現有文本更改為“喜歡”。

.SUI-RateBox是div類，我需要更改的文本位於該類的span中。

我只在第一個實例上工作的代碼是這樣的：

<script>
  $(".SUI-RateBox span:contains('Rate')").html("Like");
</script>

我如何做到這一點，但要在所有費率框內做到這一點。 dom結構在下面的鏈接中。

http://www.spruzstuff.spruz.com/pt/Element-Background-Image/wiki.htm

Answer 1

我不確定您為什么使用# （沒關系，您更改了問題的詳細信息），但是請嘗試以下操作：

<script>
   $(".SUI-RateBox").find("span:contains('Rate')").html("Like");
</script>

http://jsfiddle.net/EhPP7/

Answer 2

另外，我猜您也可以嘗試.each()遍歷div.SUI-RateBox每個span標記， div.SUI-RateBox一個接一個地檢查文本值。

$(document).ready(function () {
    $("*.SUI-RateBox").each(function(){
        var sp = $(this).children("span");
        if(sp.text() == 'Rate')
            sp.text('like');            
    });
});
​

http://jsfiddle.net/cZMFC/1/

還要檢查jQuery .each（）API