Jquery 检查特定值的列表，如果找到，则替换为div

我在一个项目中工作，我想用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>

---

但可悲的是，这根本不起作用

此

没有值，而且您的链接列表中没有“黑色”，请尝试：

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

或

---

刚才看到您的问题说替换为

div

-如果是这种情况，而不仅仅是文本，那么将

.text（）

更改为

.html（）

无法理解您试图实现的目标。非常感谢先生。

$("#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');