jquery可以使用如下程式碼刪除孩子節點;$(object).children(selector).remove(); // 刪除object元素下滿足selector選擇器的子元素,不填寫則預設刪除所有子元素;建立Html元素及css樣式;<div> <div> 這是孫輩元素 <li>孫代的li-1</li> <li>孫代的li-2</li> <li>孫代的li-3</li> </div> <span>子代的span</span> <li>子代的li-1</li> <li>子代的li-2</li> <li>子代的li-3</li> </div><input type="button" value="點我刪除子代的li" name="btn1"><input type="button" value="點我刪除子代所有元素" name="btn2">;div{padding:10px 20px;margin:5px 0;border:4px solid #ebcbbe;}div#top{width:250px;height:250px;}li{margin:10px 0;};jquery程式碼;$(function(){ $("input[name="btn1"]").click(function() { $("#top").children("li").remove(); }); $("input[name="btn2"]").click(function() { $("#top").children().remove(); });});檢視效果;刪除子代的li的效果;刪除子代所有元素的效果
jquery可以使用如下程式碼刪除孩子節點;$(object).children(selector).remove(); // 刪除object元素下滿足selector選擇器的子元素,不填寫則預設刪除所有子元素;建立Html元素及css樣式;<div> <div> 這是孫輩元素 <li>孫代的li-1</li> <li>孫代的li-2</li> <li>孫代的li-3</li> </div> <span>子代的span</span> <li>子代的li-1</li> <li>子代的li-2</li> <li>子代的li-3</li> </div><input type="button" value="點我刪除子代的li" name="btn1"><input type="button" value="點我刪除子代所有元素" name="btn2">;div{padding:10px 20px;margin:5px 0;border:4px solid #ebcbbe;}div#top{width:250px;height:250px;}li{margin:10px 0;};jquery程式碼;$(function(){ $("input[name="btn1"]").click(function() { $("#top").children("li").remove(); }); $("input[name="btn2"]").click(function() { $("#top").children().remove(); });});檢視效果;刪除子代的li的效果;刪除子代所有元素的效果