jq 几个相同class的div 对应点击div的子节点 添加class 其他的removeclass,
写了很多办法,就是不报错。点了也没有反应 ,一点反应都没有。
这是为什么??点击paylist-item,添加或删除item-selected
div:
<aside data-v-522bb7c6="" class="paylist">
<header data-v-522bb7c6="" class="paylist-header">支付方式</header>
<div data-v-522bb7c6="" class="paylist-item">
<span data-v-522bb7c6="">在线支付</span>
<svg data-v-522bb7c6="" class="icon-select item-selected">
<use data-v-522bb7c6="" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#select"></use>
</svg>
</div>
<div data-v-522bb7c6="" class="paylist-item">
<span data-v-522bb7c6="">签约记账</span>
<svg data-v-522bb7c6="" class="icon-select">
<use data-v-522bb7c6="" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#select"></use>
</svg>
</div>
<div data-v-522bb7c6="" class="paylist-item">
<span data-v-522bb7c6="">线下付款</span>
<svg data-v-522bb7c6="" class="icon-select">
<use data-v-522bb7c6="" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#select"></use>
</svg>
</div>
</aside>
javascript:
<script type="text/javascript">
$(".paylist-item").click(function(){
$(".paylist-item").siblings().children(".icon-select").removeClass("item-selected");//siblings是循环遍历
$(this).children(".icon-select").addClass("item-selected");
})
</script>