Question

假设我有以下列表：

    <ul class="pagination pagination-sm">
        <li><a href="#">RU</a></li>
        <li><a href="#">RO</a></li>
    </ul>

使用JQuery，我想选择值为RU的列表元素。我怎样才能做到这一点？

Answer 1

尝试类似：

$(".pagination li a").filter(function() {
    return $(this).text() === "RU";
});

Answer 2

选择所有列表项并使用jQuery .filter()方法过滤包含所需文本的元素：

$(function(){
    $(".pagination li").filter(function(){
        return $(this).text()=="RU";
    }).css({
        "border":"2px solid red"
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul class="pagination pagination-sm">
        <li><a href="#">RU</a></li>
        <li><a href="#">RO</a></li>
    </ul>

Answer 3

一行替代解决方案;）

var ru = $("ul li a:contains('RU')").text();

// Demonstration purposes only

$('.tron').text(ru);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<ul class="pagination pagination-sm">
        <li><a href="#">RU</a></li>
        <li><a href="#">RO</a></li>
    </ul>

<!-- Demonstration purposes only -->
<h1 class="tron"></h1>

Answer 4

您必须在每个value代码中指定li属性如你的例子中所示之后<li value="RU"><a href="#">RU</a></li> <li value="RO"><a href="#">RO</a></li>访问li代码的值，请使用此选项 $(li).val();

Answer 5

这就是你可以实现这个$('li').eq(0).text() == 'RU';简单的方法，但你需要更频繁地导航到jquery网站以获取有关此类内容的信息。

使用JQuery根据其值获取list元素

5 个答案: