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

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

问题描述:

我试图得到选定的div值或ID使用jquery可选。我的问题是我有div内循环,所以当我试图获得价值或ID它只给我第一个div值或id.Below是我的代码。如何在jquery中获得可选的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.But的值时,I M选择每次都相同的值是coming.I想获得这个值里面隐藏的文本box.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); 
    } 
}) 

在此先感谢。

您正在使用

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

,这将给你具有cmp,并呼吁attr('id')会给你只有第一个div的ID级别值的所有股利。

当你通过的div列表迭代,你必须使用$(this)这将给你在回路中的电流股利如下图所示

$(this).attr('id')

+0

thanku Bhushan,我正在做这个愚蠢的错误。如何将所有选定的值附加到文本框? – aj089

+0

change'items + =(“,”+(index));'to'items + = $(this).attr('id')+“,”;'你会得到逗号分开的ID –

+0

thnku bhushan .i试过,它给我只有一个值。如果我选​​择多个,它只给出当前的div值。它用当前选择div替换文本值,我希望所有div值都是文本框。 – aj089

考虑寻找到文档的URL为:http://jqueryui.com/selectable/#serialize

它会给你你需要的东西。

+0

我goto url .thnku它正在工作,但我没有得到所有值的文本框。我只有一个值时,我选择。如何将所有选定的值附加到文本框。 – aj089

+0

这里是你想要完成的基本想法,因为我明白了:http://jsfiddle.net/QFm7K/ – Husein

+0

thnku但我使用selectable所以用户可以选择nd取消选择,但在你的小提琴它是重复值。 – aj089