Question

如果没有唯一标识符，如何选择第一个li？

在下面的列表中，（通过cms输出）唯一的标识符不是唯一的，适用于所有li元素。我想根据李的内容选择一个李。如果li的内容与字符串匹配，那么我想在顶部添加一个新的li。

字符串是“奥迪”，如果li包含“Audi”，则在第一个实例之前添加新的li。

更新 JSFiddle http://jsfiddle.net/xbmz1umk/5/

    <div class = "carContainer">
    <li class="carPart">
    <p class="car_title"><a href="car1.php" class="car_link">Audi Red</a>
    </p>
    </li>
    <li class="carPart">
    <p class="car_title"><a href="car2.php" class="car_link">Audi Blue</a>
    </p>
    </li>
    <li class="carPart">
    <p class="car_title"><a href="car3.php" class="car_link">Audi Black</a>
    </p>
    </li>
    <li class="carPart">
    <p class="car_title"><a href="car4.php" class="car_link">BMW Red</a>
    </p>
    </li>
    <li class="carPart">
    <p class="car_title"><a href="car5.php" class="car_link">BMW Blue</a>
    </p>
    </li>
    <li class="carPart">
    <p class="car_title"><a href="car6.php" class="car_link">BMW Black</a>
    </p>
    </li>
    <li class="carPart">
    <p class="car_title"><a href="car4.php" class="car_link">Fiat Red</a>
    </p>
    </li>
    <li class="carPart">
       <p class="car_title"><a href=“car5.php” class="car_link">Fiat Blue</a>
    </p>
    </li>
     <li class="carPart">
    <p class="car_title"><a href="car6.php" class="car_link">Fiat Black</a>
    </p>
    </li>
</div>

Answer 1

您可以使用:contains()和:first选择器选择包含<li>的第一个Audi。

 $("li:contains('Audi'):first")

您可以使用

插入新的列表项before

$("li:contains('Audi'):first").before("<li></li>");

如何选择第一个李

1 个答案: