Question

var id值动态变化。如何将class='current'添加到具有相同文本的列表中。例如，当id=1时，

<li class="current"><a href="http://localhost/myweb/index.php/blog/index">1</a></li>

我尝试了这个但不行。

<ul class='pagination'>
<li>&lt;</li>
<li><a href="http://localhost/myweb/index.php/blog/index">1</a></li>
<li><a href="http://localhost/myweb/index.php/blog/index/2">2</a></li>
<li><a href="http://localhost/myweb/index.php/blog/index/3">3</a></li>
<li><a href="http://localhost/myweb/index.php/blog/index/2">&gt;</a></li>
</ul>

<script>
$(window).load(function() {
    var id = 1;
    $('.pagination ul li').each(function(){
        if($this.val() == id)
        {
            $this.addClass("current");
        }
    });

});
</script>

Answer 1

您有以下三个问题

您的选择器为$('.pagination ul li')，这是错误的它应该是$('.pagination li')或$('ul.pagination li')
您在两个地方使用$this代替$(this)
然后要比较该值，您应该使用$(this).find('a').text() 而不是$this.val()，因为你需要在里面找到文本 anchor标记

工作样本

＆＃13;

.current {
  background-color: green;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul class='pagination'>
<li></li>
<li><a href="http://localhost/myweb/index.php/blog/index">1</a></li>
<li><a href="http://localhost/myweb/index.php/blog/index/2">2</a></li>
<li><a href="http://localhost/myweb/index.php/blog/index/3">3</a></li>
<li><a href="http://localhost/myweb/index.php/blog/index/4">4</a></li>
</ul>

<script>
$(window).load(function() {
    var id = 1;
    $('ul.pagination li').each(function(){
        if($(this).find('a').text() == id)
        {
            $(this).addClass("current");
        }
    });

});
</script>

＆＃13;

如何使用jQuery

1 个答案: