jquery如何查找子元素

时间:2017-02-28 10:32:29

标签: jquery

<div id = "buttons" class="card-content" class= "ui-g-3">
    <button id = {{item.dist}} pButton type="button" (click) = itemClicked(item) label= {{item.dist}}></button>
</div>

$("#"+feature.properties.COUNCIL).addClass("ui-button-success");

它可以工作,我的按钮类也会改变, 现在和我点击的事件触发的时间我想从按钮中删除以前添加的类并分配给新的选定元素。

我这样想但不行。

$("#buttons").find('.ui-button-success').removeClass("ui-button-success");     

4 个答案:

答案 0 :(得分:0)

你可以试试这个:

$(".ui-button-success").each(function() {
    $(this).removeClass("ui-button-success");
});

答案 1 :(得分:0)

试试这个:将click事件处理程序绑定到div中的所有按钮。将类添加到单击按钮并从其余按钮中删除,如下所示

<div id = "buttons" class="card-content" class= "ui-g-3">
          <button id = {{item.dist}} pButton type="button" (click) = itemClicked(item) label= {{item.dist}}></button>
 </div>

$(function(){
  $("#buttons").on("click","button",function(){
     $("#buttons .ui-button-success").removeClass("ui-button-success"); 
     $(this).addClass("ui-button-success");
  });
});

答案 2 :(得分:0)

请尝试google这类事情。

这对你有帮助。

$('div#buttons').find( "button" ).removeAttr('class');

$('div#buttons').find( "button" ).removeClass('yourclass');

$('div#buttons').children().removeAttr('class');

$('div#buttons').children().removeClass('yourclass')

答案 3 :(得分:0)

尝试以下代码: -

$( "#buttons" ).children().removeClass("ui-button-success");

要查找子元素,您可以访问此链接https://api.jquery.com/children/