添加一个类以在可变位置列出

我也有名单：

<ul> 
    <li class="mylist"><a href="#">Item 1</a></li> 
    <li class="mylist"><a href="#">Item 2</a></li> 
    <li class="mylist"><a href="#">Item 3</a></li> 
    <li class="mylist"><a href="#">Item 4</a></li> 
    <li class="mylist"><a href="#">Item 5</a></li> 
    <li class="mylist"><a href="#">Item 6</a></li> 
</ul>

我需要做的是一个CSS类的变量值的位置添加到列表中，多数民众赞成。

例如：

If myVariable = '1' then list will look like this: 

<ul> 
    <li class="mylist"><a href="#" class="myclass">Item 1</a></li> 
    <li class="mylist"><a href="#">Item 2</a></li> 
    <li class="mylist"><a href="#">Item 3</a></li> 
    <li class="mylist"><a href="#">Item 4</a></li> 
    <li class="mylist"><a href="#">Item 5</a></li> 
    <li class="mylist"><a href="#">Item 6</a></li> 
</ul> 

If myVariable = '3' then list will look like this: 

<ul> 
    <li class="mylist"><a href="#">Item 1</a></li> 
    <li class="mylist"><a href="#">Item 2</a></li> 
    <li class="mylist"><a href="#" class="myclass">Item 3</a></li> 
    <li class="mylist"><a href="#">Item 4</a></li> 
    <li class="mylist"><a href="#">Item 5</a></li> 
    <li class="mylist"><a href="#">Item 6</a></li> 
</ul>

等。

我该怎么做？

来源

2012-09-29 Satch3000

$("li.mylist").eq(position).find("a").addClass("myClass")

来源

2012-09-29 15:16:55 moonwave99

var num = 3; 
$('.mylist').eq(num - 1).find('a').addClass('myClass');

来源

2012-09-29 15:16:20

节点列表是从零开始的，所以'.EQ（NUM - 1）' –

还是我'num'变量可能是从零开始...... –

它可以，但OP的不是。 –

var value = 3; 
$('ul li.mylist a').filter(function() { 

    return $(this).text() === 'Item ' + value; 

}).addClass('myclass');

来源

2012-09-29 15:17:42

我的第一个想法是“多么愚蠢”，但后来我意识到这是一个很小的机会，这是正确的答案：D –

@Miszy - 如果价值可能出现不止一次，这是我认为首选的方式。 –

是的，这个问题只是不清楚它是关于项目的索引还是内容。 –

添加一个类以在可变位置列出

回答

相关问题