javascript - 如何在jquery中获取可选择的div值或id？

Question

我试图使用jquery selectable获取选定的div值或id。我的问题是我在for循环中有div，所以当我尝试获取值或id时，它只给我第一个div值或id。下面是我的代码.

<input type="text" id="mod">
    <div class="row">
      <?php for($i=0;$i<4;$i++){ ?> 
      <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12 list"   >
        <div class="dashboard-stat blue cmp" value="<?php echo 'test'.$i; ?>" id="<?php echo 'test'.$i; ?>">
          <div class="visual">
           <i class="fa fa-comments"></i>
          </div>
          <div class="details ">
            <div class="desc" > akak</div>
          </div>
        </div>
      </div>
      <?php }?>
    </div>

当我选择div时，它应该给出cmp div的值。但是当我每次选择相同的值时。我试图在隐藏文本框中获取这个值。下面是我的JS代码。

$(".list").selectable({
    stop: function() {
     $(".cmp", this).each(function() {
      var index  =$(this).attr('data');
      console.log($('.cmp').attr('id'));
      items += ("," +(index));
     });
      $('#mod').val(items);
    }
}) 

提前致谢。

Answer 1

您正在使用

$('.cmp').attr('id')

它将为您提供所有具有 cmp 的类值的 div，并且调用 attr('id') 将仅为您提供第一个 div 的 id。

当您迭代 div 列表时，必须使用 $(this) ，它将为您提供循环中的当前 div，如下所示

$(this).attr('id')