如何选择第一个li

How to select the first li

本文关键字：第一个 li 选择 何选择      更新时间：2023-09-26

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

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

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

更新JSFiddlehttp://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>

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

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

您可以使用在此之前插入一个新的列表项

$("li:contains('Audi'):first").before("<li></li>");
相关文章：