javascript - 为等效的其他 ID 添加类

标签 javascript jquery html

<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 中的等价物添加类。我想对 li 使用 addClass(.back),其中对列表使用 attr aaa == id

直播:http://jsfiddle.net/yjL9n/3/

最佳答案

给你:

$("#uli").find('[aaa="'+this.id+'"]')
    .addClass('back');

http://jsfiddle.net/yjL9n/4/

关于javascript - 为等效的其他 ID 添加类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6998322/

相关文章:

javascript - jQuery Accordion 显示特定选项卡

javascript - 使用 JS/Rails 和下拉表单更新 URL 查询字符串

javascript - 添加内容时,将 div 中的内容设置为溢出

javascript - Ajax 调用 php 脚本从多个复选框表单发送值

javascript - 为什么我的 SVG 功能的坐标在我更改时不是我想要的?

javascript - 如何从 browserify 加载公开 module.exports 的客户端脚本(通过 jadeify)

javascript - 使用 jQuery 创建嵌套列表

jquery - 删除值数组中不存在的选择选项

javascript - 单击 div 内的 div 外部应该关闭

html - CSS水平滚动