javascript – 在jquery中获取多个div选择值

2023年4月19日 438次阅读

我在两栏中显示记录.我需要执行常见操作(例如删除)

根据div的选择.如果用户选择div ids participant_1,participant_4,

参与者_6一次然后我需要得到这三个ID.有没有办法在
JQuery中实现这一点.如果用户一起选择了三个ID,那么我想一次删除它而不是一个一个.任何帮助将不胜感激.

    <div class="left_column">
        <div class="record_row" id="participant_1"> 
        ----
        ----
        </div>
        <div class="record_row" id="participant_3"> 
        ----
        ----
        </div>
        <div class="record_row" id="participant_5"> 
        ----
        ----
        </div>
    </div>
    <div class="right_column">
        <div class="record_row" id="participant_2"> 
        ----
        ----
        </div>
        <div class="record_row" id="participant_4"> 
        ----
        ----
        </div>
        <div class="record_row" id="participant_6"> 
        ----
        ----
        </div>
    </div>

最佳答案 这是你的问题的解决方案： –

 $('.record_row').click(function () {
      $(this).toggleClass('selected');  
 });

我已添加按钮以获取所有ID

 var ids = new Array();
    $('#btn').click(function () {

    var selected_activities =$('.selected');
    var ids = new Array();
    selected_activities.each(function(){
          var id_str   =  $(this).attr("id");
          var id_arr      =  id_str.split("_");
          var selval       =  id_arr[1];
        if(selval!='undefined' && selval!='' && selval!=null){
            ids.push(selval);
        }
    });
    alert(ids);
});

请参见此处的演示Live Demo Code

点赞