首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >每当我点击另一个按钮时,它会返回第一行的第一条评论?

每当我点击另一个按钮时,它会返回第一行的第一条评论?
EN

Stack Overflow用户
提问于 2018-07-24 04:30:26
回答 2查看 0关注 0票数 0

jQuery代码:返回两行。我认为这里的问题是因为TextArea id的双重性。这是怎么回事?

代码语言:txt
复制
$('#btn').click(function() { 
    $getComment = $("#divComment").val(); //GET COMMENT 
    alert($getComment); //ALERT COMMENT
});  

PHP代码:

代码语言:txt
复制
<?php foreach($query as $querySHOW) {?>
    <textarea id="divComment"><?php echo $querySHOW; ?></textarea>   //GET COMMENT         
    <input type="button" id="btn">   //BUTTON CLICK
<?php } ?>
EN

回答 2

Stack Overflow用户

发布于 2018-07-24 13:21:45

首先,将事件处理程序绑定到一个类,以便它能够适应多个对象。第二,使用在循环中插入的安全标识符。我建议你使用“数据”属性。这是我的版本(测试)

代码语言:txt
复制
$('.btncomment').click(function () {
    $getComment = $("#divComment" + $(this).data('id')).val(); //GET COMMENT
    alert($getComment); //ALERT COMMENT
});

PHP代码

代码语言:txt
复制
<?php foreach ($query as $key => $querySHOW) { ?>                                                                                                                                  
    <textarea id="divComment<?php echo $key; ?>" >
        <?php echo $querySHOW; ?>
    </textarea>
    <input type="button" data-id="<?php echo $key; ?>" class="btncomment" >
    <br />
<?php } ?>
票数 0
EN

Stack Overflow用户

发布于 2018-07-24 14:13:29

是的,你是对的。每个页面不能有一个以上的id。每页的每个id都应该是唯一的。

你可以稍微改变一下你的逻辑。对于所有按钮,放入相同的类,然后根据这个新类添加一个事件侦听器。在此之后,你只需得到该按钮的相关评论即可。

下面是一个例子

JS码

代码语言:txt
复制
$('.btnClass').click(function() {                                    
      var id = $(this).attr('id');
      $getComment = $("#divComment"+id).val(); //GET COMMENT

      alert($getComment); //ALERT COMMENT

   });

PHP代码

代码语言:txt
复制
   <textarea id="divComment<?= $ct; ?>"><?php echo $querySHOW; ?></textarea>   //GET COMMENT                

   <input type="button" class="btnClass" id="<?= $ct; ?>">   //BUTTON CLICK                                                                      
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/-100005663

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档