2014-12-05 32 views
0

我在一個項目工作代替,我想創建一個jQuery的顏色樣本。 我試圖做到的是:檢查的具體值的列表,如果發現與格

當jQuery的運行成一個顏色,它必須用黑色方塊代替。我希望不要失去HTML結構,因爲我需要鏈接。

下面是一些代碼:

<dl id="narrow-by-list"> 
<dt class="even">Color</dt> 
        <dd class="even"> 
<ol> 
    <li> 
     <a href="http://scrapbooking.gr/default/shop.html?dropdown_color_of_product=96">Brown</a> 
    </li> 
    <li> 
     <a href="">Pink</a> 
    </li> 
    <li> 
     <a href="">Red</a> 
    </li> 
    <li> 
     <a href="">Yellow</a> 
    </li> 
</ol> 
</dd> 

想象,這將繼續長期和列表的其餘部分是沒有顏色的名字。所以我試過的是:

var color = $("#narrow-by-list dd ol li a").html(); 
if(color=="Black"){ 
    $(this).html("Code") 
} 

但可悲的是,這根本不起作用。

+0

什麼是'$(本)'? – Brewal 2014-12-05 14:45:26

+0

不能明白你想達到的目標。 – 2014-12-05 14:47:05

回答

2

this沒有價值,你也有你的鏈接列表中沒有 「黑」,嘗試:

$("#narrow-by-list dd ol li a").each(function() { 
    var link = $(this); 
    if (link.text() == "Black") { 
     link.text('Code'); 
    } 
}) 

$("#narrow-by-list dd ol li a").filter(function() { 
    return $(this).text() == "Black"; 
}).text('Code'); 

Example

剛剛看到你的問題說,與更換div - 如果是這種情況,而不僅僅是文本,然後改變.text().html()

+1

非常感謝你,先生。 – Leonidas 2014-12-05 15:06:20