如何使用jquery刪除父div的所有子元素的邊界？

我面臨一個問題，我想使用jQuery去除容器div的所有子元素邊框。如何使用jquery刪除父div的所有子元素的邊界？

子元素可以是圖像，div，p標籤或錨點或任何HTML標籤。

這裏是我的嘗試：

$(document).ready(function(){ 
    $("#div1").children("div").css("border","0px solid red"); 
});

jsfiddle link

來源

2012-01-12 rahularyansharma

所有的孩子或所有的後代？ – 2012-01-12 10:50:21

始終在問題本身中包含相關代碼/標記*。爲什麼：http://meta.stackexchange.com/questions/118392/add-stack-overfow-faq-entry-or-similar-forputing-code-in-the-question – 2012-01-12 10:50:58

只限於兒童或兒童的孩子？那麼行'

mayank mathur

'''怎麼樣？ – 2012-01-12 10:53:26

更改孩子去尋找，像這樣。

$(document).ready(function(){ 
    $("#div1").find("*").css("border", "0"); 
});

而這裏的小提琴：http://jsfiddle.net/Yu25h/

來源

2012-01-12 10:48:49 Filip

The all selector?

$("#div1").find("*").css("border","0");

來源

2012-01-12 10:48:33 karim79

呃？真的嗎？我已經使用它，它已通過嚴格的X瀏覽器QA並進行測試並投入生產。 – karim79 2012-01-12 10:51:13

@ T.J。 Crowder：這就是說*用'.css（）'檢索*，而不是設置。或者至少，這就是我的理解。 – thirtydot 2012-01-12 10:52:45

如果您在@ T.J.Crowder發佈的文章中寫道「例如，如果您想檢索渲染的邊距」，那麼它就是專門談論檢索的。 – Filip 2012-01-12 10:54:34

嗯，這很簡單：

$("#div1 *").css({ 
    border: "none" 
});

或者，如果你有你的父母的一個jQuery對象：

var $div = $("#div1"); 
$div.find("*").css({ 
    border: "none" 
});

如果您知道你只是想從div元素中刪除邊框而不是裏面的所有元素，只需使用：

var $div = $("#div1"); 
$div.find("div").css({ 
    border: "none" 
});

來源

2012-01-12 10:54:43

爲所有兒童將是 $("#div1").children().css("border", "0");

但是，如果你通過樣式屬性添加邊框像以前那樣你也可以去

$("#div1").children().removeAttr("style");

希望這有助於

來源

2012-01-12 10:55:13

如何使用jquery刪除父div的所有子元素的邊界？

回答

相關問題