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

Question

我正在重复行，想删除它们或增加它们，就像竖起大拇指的效果...我似乎无法单独识别行。

这是我包含的 jquery 来源

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

javascript Web 控制台中没有错误...

这是我尝试通过测试实现的点击功能['clicked']：

<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);
});

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

jQuery selected button, can't get attribute to be alerted

javascript

php

jquery

select

this