查找下一个元素并删除类
查找下一个元素并删除类
提问于 2014-05-06 19:27:54
当用户从选择框中选择一个选项(选择class="songSelection_input")时，我希望删除span (span、class=“投票-btns”)中的链接中的一个类。
<div class="jquery-selectbox jquery-custom-selectboxes-replaced" style="width: 545px;">
<div class="jquery-selectbox-moreButton"></div>
<div class="jquery-selectbox-list jquery-custom-selectboxes-replaced-list" style="width: 540px; height: 7em; display: none;">
<span class="jquery-selectbox-item value- item-0">PICK YOUR FAVORITE MOMENT...</span>
<span class="jquery-selectbox-item value-VoiceAngelFromMontgomery item-1">Angel From Montgomery</span>
<span class="jquery-selectbox-item value-VoiceWhenWillIBeLoved item-2">When Will I Be Loved</span>
</div>
<span class="jquery-selectbox-currentItem">When Will I Be Loved</span>
<select name="songSelection_amclaughlin" class="songSelection_input" id="select-amclaughlin" style="display: none;">
<option value="">PICK YOUR FAVORITE MOMENT...</option>
<option value="VoiceAngelFromMontgomery">Angel From Montgomery</option>
<option value="VoiceWhenWillIBeLoved">When Will I Be Loved</option>
<option value="VoiceTheClimb">The Climb</option>
<option value="VoiceABrokenWing">A Broken Wing</option>
<option value="VoiceAngelOfTheMorning">Angel Of The Morning</option>
<option value="VoiceYouLie">You Lie</option>
</select>
</div>
<span class="vote-btns">
<a href="#" class="button fb grey">vote</a>
<a href="#" class="button tw grey">vote</a>
</span>我正试图在改变的时候触发这个
$('.songSelection_input').change(function() {
$(this).next('span.vote-btns').find('a.button').removeClass('grey');
});我不知道在选择框(它是动态的)和投票-btns之间有多少个跨度，所以我知道为什么下一个(‘span’)不能工作，但是我想指定下一个范围。
更新了：为了简化我的问题，我应该把它作为我的html包含，但是没有。兄弟姐妹最初确实修复了我的问题，但我意识到我使用的jquery选择箱插件使用injects ( span jquery选择框项并隐藏选择框)
当我禁用选择框jquery插件时，它工作得很好：http://info.wsisiz.edu.pl/~suszynsk/jQuery/demos/jquery-selectbox/
http://jsfiddle.net/vkaCB/11/
回答 2
Stack Overflow用户
回答已采纳
发布于 2014-05-06 20:08:43
您需要遍历DOM一级，然后找到兄弟姐妹。.closest()方法可以提供帮助。试试这个：
$('.songSelection_input').change(function() {
$(this).closest('div').siblings('span.vote-btns').find('a.button').removeClass('grey');
});演示： http://jsfiddle.net/vkaCB/12/
Stack Overflow用户
发布于 2014-05-06 19:30:50
尝试使用.siblings()
$('.songSelection_input').change(function() {
$(this).siblings('span.vote-btns').find('a.button').removeClass('grey');
});DEMO
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/23503293
复制相关文章
相似问题
腾讯云开发者
