如何动态获取按钮ID？

Question

嗨，大家好，我正在尝试获取一个处于for循环中的按钮ID，因此每当按钮单击可以与其他ID区别开来的唯一ID时，它便可以正常工作。 让我向您展示我的代码。

 <?php foreach ($message as $key ) : ?>
                                    <?php echo $senders_user_id=$key['senders_id']; ?>
                                    <div class="senders_id"  S_id="<?php echo $key['senders_id']; ?>" style="display: none;"></div>
                            <a  class="list-group-item">
                            <div class="checkbox">
                            <label>
                             <?php echo form_open(,['id'=>'sender_user_id']); ?>
                                <input type="checkbox">
                                <button id="senders_id" class="Read" S_id="<?php echo $key['senders_id'];?>" onclick="readbyuser($senders_user_id);">Read</button>
                                <button  id="senders_id" class="unread"  S_id="<?php echo $key['senders_id'];?>" onclick="unreadbyuser($senders_user_id);">Unread</button> 

                            </label>
                            </div>           

                        <span class="glyphicon glyphicon-star-empty"></span><span class="name" style="min-width: 120px;
                            display: inline-block;"><?php echo $key['uname']; ?></span> <span class=""><?php echo $key['textdata']; ?></span>
                        <span class="text-muted" style="font-size: 11px;"></span> <span class="badge">12:10 AM</span> <span class="pull-right"><span class="glyphicon glyphicon-paperclip">
                        <?php echo form_close(); ?>
                            </span></span></a>
                                        <?php endforeach; ?>
                    </div>

现在这里有三个帖子，意思是三个“ senders_id”，所以当我单击按钮阅读时，该ID应当通过，但是无论我单击哪个按钮，相同的ID都会一次又一次地传递

这是我的代码

function readbyuser()
{
    var senders_id=$('#senders_id').attr('S_id');
    var Recievers_id=$('.Recievers_id').attr('R_id');
jQuery.ajax({
            type:'post',
            url:'<?php echo base_url("user/read_by_user"); ?>',
            data:{id:senders_id,R_id:Recievers_id},
            dataType:'json',
            success:function(data)
            {
                console.log(data);

                alert(data);

                $('.unread').removeClass('unread_user');
                $('.Read').addClass('read_user');


            }


        });

}
function unreadbyuser()
{
var senders_id=$('#senders_id').attr('S_id');
    var Recievers_id=$('.Recievers_id').attr('R_id');
jQuery.ajax({
            type:'post',
            url:'<?php echo base_url("user/unread_by_user"); ?>',
            data:{id:senders_id,R_id:Recievers_id},
           dataType:'json',

            success:function(data)
            {



  $('.Read').removeClass('read_user');
    $('.unread').addClass('unread_user');
    }
});
}

请告诉我我在做什么错

Answer 1

<button id="senders_id" class="Read" S_id="<?php echo $key['senders_id'];?>" onclick="readbyuser($senders_user_id);">Read</button>


<button  id="senders_id" class="unread"  S_id="<?php echo $key['senders_id'];?>" onclick="unreadbyuser($senders_user_id);">Unread</button> 

两个元素不能具有相同的ID。 请改用类名。

您也可以直接在其中传递PHP值。

onclick="readbyuser($senders_user_id);"

如

onclick="readbyuser(<?php echo $key['senders_id'];?>);"