Question

继续明天的问题

function n() {
  $('.m').on('click',function() {
    var id = $(this).closest("tr").find(".t").text();
    var p= $(this).closest("tr").find(".t1").text();
    $('#c').append('<li class='li'>',id,<span class='c'>'"X"'</span>','</li>');
  });
} 
<style>
.c:hover
{
color:red;
}
.li
{
}
<script type="text/javascript">
$(document).on('click','.c',function()           
{

    $(this).closest("li").remove()
    alert("ok");
});

</script>

点击这个'X'符号我要删除该列表，在打印警报时'确定'但删除功能不起作用为什么？

Answer 1

请务必在标记中添加相应的script和style标记。它们也应该被适当地关闭，例如style标签是未公开的。未公开的style标记可能会导致问题。

同样在script范围内，有单引号嵌套不正确。在需要时（例如在标记中），使用外部单引号表示字符串文字中的字符串文字和双引号。您似乎也尝试使用,进行连接，但在Javascript中，并置运算符为+。

<script> <!-- I didn't exist />
function n() {
  $('.m').on('click',function() {
    var id = $(this).closest("tr").find(".t").text();
    var p= $(this).closest("tr").find(".t1").text();

    //Concatenation and String literal fixed here
    $('#c').append('<li class="li">' + id + '<span class="c">X</span></li>');
  });
} 
</script>

<style>
    .c:hover
    {
        color:red;
    }

    .li
    {
    }
</style><!-- I wasn't closed -->

<script type="text/javascript">
$(document).on('click','.c',function()           
{

    $(this).closest("li").remove()
    alert("ok");
});

</script>

Answer 2

你似乎在remove（）调用

之后忘记了一个半冒号

单击jquery删除行不起作用？

2 个答案: