Question

当我点击我的＆＃34;删除＆＃34;链接我想把我的列表项目背景为红色。

我尝试使用下面的代码执行此操作，但它无效。

我多次查看代码，但我找不到问题所在。

你看到我在这里做错了吗？

这是我的HTML：

<div class="posts">
    <ul class="content bannerli">
        <?php
        $read = $pdo->prepare("SELECT * FROM banners");
        $read->execute();

        while ($result = $read->fetch(PDO::FETCH_ASSOC)) {

             echo '<li  class="li id="'.$result['id'].'">';
                 echo '<div class="info">';
                     echo '<p class="title">'.$result['title'].'</p>';
                     echo '<p class="img">'.$result['img'].'</p>'; 
                     echo '<span>';
                      echo '<a title="Delete" id="'.$result['id'].'" class="delete j_banndelete" href="#">Delete</a>';
                     echo '</span>';
                 echo '</div>';
             echo '</li>';
         }
        ?>
    </ul>
</div>

这是我的jQuery：

$('.bannerli').on('click','.j_banndelete',function(){
    var bannerid = $(this).attr('id');
    $('.bannerli li[id="'+ bannerid +'"]').css('background','red');

return false;
})

Answer 1

您不能拥有多个具有相同ID的元素。为他们添加前缀（id=li_XXXX，id=delete_XXXX等），或使用层次结构（例如$(this).parent().parent().parent().css(...)）

点击我的＆＃34;删除＆＃34;尝试将我的列表项目背景为红色。链接

1 个答案: