如何在jquery中获取可选的div值或id?

时间:2016-03-28 11:53:26

标签: javascript jquery html jquery-ui-selectable

我试图使用jquery selectable来选择div值或id。我的问题是我有div里面的循环所以当我试图获取值或id它只给我第一个div值或id.Below是我的代码

<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的值。但是当我每次选择相同的值时都会选择。我正在尝试将此值保存在隐藏文本框中.Below是我的JS代码。

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

提前致谢。

2 个答案:

答案 0 :(得分:1)

您正在使用

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

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

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

$(this).attr('id')

答案 1 :(得分:0)

请考虑通过以下网址查看文档:{​​{3}}

它会准确地为您提供所需的信息。