Javascript/jquery - 添加一个类以在可变位置列出

标签 javascript jquery

我有一个包含项目编号的变量......像这样:

myvariable = '3'; //Note: This is currently a string so it might need converting?

然后我有填充 ListView 的代码:

$('#listview').live("pageinit", function(){
$.getJSON("myjson.json", function(data){
    $.each(data.unis, function(index, value){


        $('<li><a class="listitem" href="#">' + value.name + '</a></li>').insertAfter('#' + value.sortLetter);

        $('#' + value.sortLetter).show();

    });

    $("#listview").listview("refresh");


});

以上都很好。

现在,我需要做的是将一个类插入到位于 myvariable 值位置的项目中。

因此,如果 myvariable 是 3 那么 ListView 将如下所示:

<ul>
<li><a class="listitem" href="#">' + value.name + '</a></li>
<li><a class="listitem" href="#">' + value.name + '</a></li>
<li><a class="listitem AddedClassHere" href="#">' + value.name + '</a></li>
</ul>

如果 myvariable 是 1 那么:

<ul>
<li><a class="listitem AddedClassHere" href="#">' + value.name + '</a></li>
<li><a class="listitem" href="#">' + value.name + '</a></li>
<li><a class="listitem" href="#">' + value.name + '</a></li>
</ul>

等等……

我该怎么做?

最佳答案

你可以使用:eq()选择器,注意:eq()是从0开始的。

$('ul li:eq("'+ (myvariable-1) +'") a').addClass('class');

或者:

$('ul li').eq(myvariable-1).find('a').addClass('class');

关于Javascript/jquery - 添加一个类以在可变位置列出,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12673552/

相关文章:

javascript - Schedule + OutputPanel + SelectOneRadio 问题

javascript - 在 Html/Javascript 中第二次用相同的路径替换图像不起作用

php - 在 Laravel 5.3 上使用 Datatables 服务器端后处理数据

javascript - 在 AngularJS 中切换自定义排序图标

javascript - 在.html()中查找类

javascript - 错误 :Display comments through ajax (from DB) (laravel 5. 2)

javascript - 在父窗口中打开 URL

javascript - 我应该在多大程度上依赖JS

javascript - 以 php (json) 形式检索变量

javascript - 解析 JavaScript 上传或更新文件匹配表中行的 objectId