javascript - 如何选择第一个li

Question

关闭。此题需要 details or clarity 。目前不接受答案。

---

想要改进这个问题吗？通过 editing this post 添加详细信息并澄清问题.

已关闭 8 年前。

Improve this question

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

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

字符串是“Audi”，如果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

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

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

您可以插入新的列表项 before这使用

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