为等效的其他ID添加类

add class for equivalent other ID

本文关键字：ID 添加 其他      更新时间：2023-09-26
<select id="list" multiple=multiple>
    <option value="1" id="one" selected="selected">one </option>
    <option value="2" id="two" selected="selected">two </option>
    <option value="3" id="three">three </option>
</select>
<ul id="uli">
    <li aaa="one">one</li>
    <li aaa="two">two</li>
    <li aaa="three">three</li>
</ul>

与CSS:

.back {
 color: red;
}

和Javascript:

$("#list").find("option:selected").each(function() {
    // logic here
});

在each()回调中，我想在uli中添加等效类。我想使用addClass(.back)为li，其中attr aaa == id为列表。

生活:http://jsfiddle.net/yjL9n/3/

给你:

$("#uli").find('[aaa="'+this.id+'"]')
    .addClass('back');
http://jsfiddle.net/yjL9n/4/

这样可以工作(并且更整洁):

$("#list option:selected").each(function() { 
    $('#uli li[aaa="' + this.id + '"]').addClass('back');
});
http://jsfiddle.net/yjL9n/5/

但是我不会使用aaa作为属性!

$('li[aaa=' + this。 

$('table').find('td[aaa="'+this.id+'"]').addClass('back');
把

加到小提琴的内部就可以了。根据OP.

的注释更新

试试这个

$("#list").find("option:selected").each(function() {
   $("#uli").find('[aaa="'+this.id+'"]').addClass('back');
});
相关文章：