Question

我的数据是用数组显示的，但是当我想点击其中一个看起来完全一样的数据时，我有一个问题，必须是不同的，我的脚本出了什么问题

<?php 
    foreach($data as $row){
?>  
    <a href="javascript:void(0)" class="set_module">         
    <div class="col-lg-4 col-xs-6">
        <div class="post-module">
            <div class="tmb">
                <img src="<?php echo base_url();?>assets/file/image-module/<?php echo $row->image; ?>"/>
            </div>
            <input type="text" name="id_m[<?php echo $row->id_module;?>]" id="id_m" value="<?php echo $row->id_module;?>"></input>
        </div>
    </div>
    </a>
 <?php } ?>

这是我的jquery

$("a.set_module").on("click",  function (event) {
   event.preventDefault(); 
    var value = $('#id_m').val();
    alert(value);
    return false;
});

上面的示例是我有数据A，B，C和我通过循环显示它，但当我点击其中一个数据时，只有数据A继续出现

Answer 1

试试这样在此行中将id更改为类

<input type="text" name="id_m[<?php echo $row->id_module;?>]" class="id_m" value="<?php echo $row->id_module;?>"></input>

然后在js

$("a.set_module").on("click",  function (event) {
event.preventDefault(); 
var value = $(this).find('.id_m').val();
alert(value);
return false;
});

fidle的例子 http://jsfiddle.net/Q8KVC/3543/

Answer 2

使用id的css类。并用$（this）找到该类。或使用id="id_m<?php echo $row->id_module;?>"之类的动态ID，并使用<a href="javascript:void(0)" class="set_module">更改此<a href="javascript:void(0)" class="set_module" data-uid="<?php echo $row->id_module;?>"> 。之后改变剧本

如下

$("a.set_module").on("click",  function (event) { event.preventDefault(); var uid = $(this).data('uid'); var value = $('#id_m'+uid).val();  alert(value); return false;});

根据数值循环从数据循环中获取其中一个值

2 个答案: