Javascript/jquery-在变量位置向列表中添加一个类
我有一个包含项目编号的变量。。。像这样:Javascript/jquery-在变量位置向列表中添加一个类,javascript,jquery,Javascript,Jquery,我有一个包含项目编号的变量。。。像这样: myvariable = '3'; //Note: This is currently a string so it might need converting? <ul> <li><a class="listitem" href="#">' + value.name + '</a></li> <li><a class="listitem" href="#">' + v
myvariable = '3'; //Note: This is currently a string so it might need converting?
<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>
然后我有填充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为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()
是基于零的
$('ul li:eq("'+ (myvariable-1) +'") a').addClass('class');
或:
您可以使用:eq()
选择器,请注意:eq()
是基于零的
$('ul li:eq("'+ (myvariable-1) +'") a').addClass('class');
或:
还有一个eq()方法:
如需更多文档,请参阅
注意:如果您在同一页面上使用多个(或嵌套)ul,则需要不同的方法…还有一个eq()方法:
如需更多文档,请参阅
注意:如果在同一页面上使用多个(或嵌套)ul,则需要不同的方法…一种方法是为每个项目动态构建类列表,如果索引与变量中指定的幻数匹配,则可以选择添加类。将代码更改为:
$.each(data.unis, function(index, value){
var classList = 'listItem';
if(index == (myvariable - 1)) {
classList += ' addedClass';
}
$('<li><a class="' + classList + '" href="#">' + value.name + '</a></li>').insertAfter('#' + value.sortLetter);
$('#' + value.sortLetter).show();
});
$.each(data.unis,函数(索引,值){
var classList='listItem';
如果(索引==(myvariable-1)){
classList+='addedClass';
}
$(“”).insertAfter(“#”+value.sortLetter);
$('#'+value.sortLetter.show();
});
一种方法是为每个项目动态构建类列表,如果索引与变量中指定的幻数匹配,则可以选择添加类。将代码更改为:
$.each(data.unis, function(index, value){
var classList = 'listItem';
if(index == (myvariable - 1)) {
classList += ' addedClass';
}
$('<li><a class="' + classList + '" href="#">' + value.name + '</a></li>').insertAfter('#' + value.sortLetter);
$('#' + value.sortLetter).show();
});
$.each(data.unis,函数(索引,值){
var classList='listItem';
如果(索引==(myvariable-1)){
classList+='addedClass';
}
$(“”).insertAfter(“#”+value.sortLetter);
$('#'+value.sortLetter.show();
});
它将类添加到li
元素而不是锚定链接。它将类添加到li
元素而不是锚定链接。