2013-07-30 40 views
-1

继续明天就点击这个“X”符号,我想删除列表质疑jquery删除行上点击不工作?

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> 

,在警报“确定”打印,但删除功能不能正常工作,为什么?

+0

有很多语法错误的代码。请至少提供运行代码。我不知道你的代码中是否真的存在这些错误,或者你只是在这里潦草地复制你的代码。 –

+1

风格标签没有关闭 –

回答

1

一定要在标记中添加适当的scriptstyle标记。它们也应该适当关闭,例如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> 
+0

--ya在这里错误地这些语法错误,bt在我的例子中是正确的书面,但在警报确定打印但列表行不删除为什么? – user2598718

0

你似乎已经忘记了删除()后分号叫

+0

分号是可选的。在某些情况下,缺少分号可能会导致意外的行为,但这不是其中之一。 –

+0

汽车安全带也是如此:-P ......如果你正在调试这个,例如,在一个使用Visual Studio的asp.net页面中,你有可能在你的手上有一个头部抓手 –