jQuery 移除ul下指定的li元素

admin發表於2017-11-01
jQuery

新增或者刪除元素是最為基本的操作。

下面通過一段程式碼例項介紹一下如何實現刪除功能。

程式碼例項如下:

[HTML] 純文字檢視 複製程式碼執行程式碼
<!DOCTYPE html><html>
<head> 
<meta charset=" utf-8"> 
<meta name="author" content="http://www.softwhy.com/" /> 
<title>螞蟻部落</title> 
<style type="text/css"> 
ul li{ 
  height:25px; 
  list-style:none; 
  font-size:12px; 
} 
</style> 
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> 
<script type="text/javascript">  
$(document).ready(function(){ 
  $("#bt").click(function(){ 
    $("#box li").eq(1).remove(); 
    $(this).prop("disabled",true); 
  }) 
}) 
</script>  
</head>  
<body>  
<ul id="box"> 
  <li>螞蟻部落歡迎您</li> 
  <li>提供豐富的div css教程內容。</li> 
  <li>只有努力奮鬥才會有美好的未來。</li> 
</ul> 
<input type="button" id="bt" value="檢視效果"/> 
</body>  
</html>

相關閱讀：

（1）.eq方法參閱jQuery eq()一章節。

（2）.remove方法參閱jQuery remove()一章節。

（3）.prop方法參閱jQuery prop()一章節。

相關文章