如何在 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')

Answer 2

考虑查看以下 URL 的文档：http://jqueryui.com/selectable/#serialize

它将为您提供所需的一切。