jQuery选择的按钮，无法获取要提醒的属性

Question

我在回显行，并且想要删除它们或像竖起大拇指的效果那样增加它们……我似乎无法单独识别行。

这是我包含的jQuery源

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>

javascript网络控制台中没有错误...

这是我尝试通过测试['clicked']实现的click函数：

<script type="text/javascript">
$(":button").click(function() {
var selectedId = $( this ).attr(id);
alert(selectedId);
alert('clicked');
});
</script>

这些是我已经回显的行：

<?php

require_once(dirname(__FILE__) . DIRECTORY_SEPARATOR.'dbconnect.php');

$link = new mysqli("$servername", "$username", "$password", "$dbname");

$query = "SELECT COUNT(*) FROM entries";

if ($result = $link->query($query)) {


    /* fetch object array */
    while ($row = $result->fetch_row()) {
        if($row[0]==0){
        echo "There are no entries.";
        }else {
        $query2 = "SELECT id,saying,date,thumbs_up,comments FROM entries ORDER by ID ASC ";

if (($result = $link->query($query2))) {
    /* fetch object array */
    while ($row = $result->fetch_row()) {

       echo 
       '<div class="primary-container" align="center">'.
       '<div class="entry-container" align="center">'.
       $row[1]." ".
       '</div>'.
       '<div class="bird" align="center">'.
       'Bird Up!'.
       '</div>'.
       '<div class="birdups" align="center">'.
       $row[3].
       '</div>'.
       '<div class="thumbup" align="center">'.
       '<button name="increment" class="button" id="'.$row[0].'">'.
       '<img src="bird_up.png" width="100%" height="auto" alt="bird up thumbs up like equivalent thumbnail">'.
       '</button>'.
       '</div>'.
       '</div>'.
       '<br>'
       ;

    }
    }
        }
    }

    /* free result set */
    $result->close();

}

?>

Answer 1

对新添加的html元素使用事件委托 。 而且您错过了id的单引号。 希望它能解决您的问题，谢谢

$(document).on("click" , ".button" , function() {
  var selectedId = $(this).attr('id');
  alert(selectedId);
});