jquery удалить строку по клику не работает?

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», я хочу, чтобы удалить этот список, «OK» в боевой готовности напечатан, но удалить функцию не работает, почему?

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

Вы, кажется, забыли с запятой после удаления() называют