Javascript 在jquery中获取多个div选择值

我在两列中显示记录。我需要执行普通操作（例如删除） 基于div的选择。如果用户选择div idparticipant_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>

----
----
----
----
----
----
----
----
----
----
----
----

您可以将单击事件与类选择器绑定，并使用this.id从中获取当前元素<代码>此是源对象

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

$('#btn').click(function () {
    $('.selected').each(function(){
        alert(this.id);
    });
});

---

您可以将

onclick

事件绑定到每个div

<div class="record_row" id="participant_1" onclick="doyoursutff(this.id);">

或者干脆这样做

$('.record_row').click(function(){
           do your stuff here ...
})

若用户同时选择了三个ID，那个么我希望一次性删除它，而不是逐个删除

是，添加所选的类

：

var css_class = '.record_row';
$(css_class).click(function(){
    $(this).addClass('selected');

    if ($('.selected').length == 3) 
      // delete 

    // to get all three ids
    var listID = $.map($('.selected'), function(elem){ return $(elem).attr('id') });
});

以下是您问题的解决方案：-

 $('.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);
});

请参见此处的演示
试用jQuery UI的“可选”，如果我选择了三个div，那么它将给我三个ID？我已经检查了这一点，但找不到多个选择div ID。它一次只选择一个div，如何获取ID，以确定是否在三个div上选择了两个div。当我执行基于多个div id选择的任何操作时，我需要这些id。单击div时，可以将div id保存在单独的变量中。尝试对单个div使用click event并将id保存在那里。获得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);
});