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

Question

我在两列中显示记录。我需要执行常见操作(例如删除) 基于分区的选择。如果用户选择 div ids participant_1, participant_4, participant_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>

Answer 1

您可以将点击事件与类选择器绑定(bind)，并使用 this.id 获取当前元素。 this 是源对象。

Live Demo

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

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