如何使用jquery删除父div的所有子元素的边框？

Question

我遇到一个问题，我想使用jQuery删除容器div的所有子元素边框。

子元素可以是image，div，p tag或anchor或任何HTML标记。

这是我的尝试：

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

jsfiddle link

Answer 1

改变孩子，就像这样。

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

这是小提琴：http://jsfiddle.net/Yu25h/

Answer 2

The all selector?

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

Answer 3

嗯，这很容易：

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

或者如果您有父级的jquery-object：

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

如果你知道你只想从div元素中删除边框而不是内部的所有元素，只需使用：

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

Answer 4

对所有孩子来说都是如此 $("#div1").children().css("border", "0");

但是如果您按照之前的样式属性添加边框，那么您也可以选择

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

希望这有帮助