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

我面临一个问题，我想使用jQuery删除容器div的所有子元素

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

以下是我的尝试：

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

---

换孩子找，像这样

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

---

这里是小提琴：

像这样改变孩子们去寻找

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

这是小提琴：

嗯，这很简单：

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

或者，如果您有父对象的jquery对象：

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

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

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

嗯，这很简单：

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

或者，如果您有父对象的jquery对象：

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

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

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

---

对所有的孩子来说都是这样

$（“#div1”）.children（）.css（“border”，“0”）

但是如果您像以前一样通过样式属性添加边框，您也可以使用

$（“#div1”）.children（）.removeAttr（“样式”）

希望这对所有的孩子都有帮助
$（“#div1”）.children（）.css（“border”，“0”）

但是如果您像以前一样通过样式属性添加边框，您也可以使用

$（“#div1”）.children（）.removeAttr（“样式”）

希望这有助于
所有子代或所有子代？始终在问题本身中包含相关代码/标记。原因：只针对儿童还是针对儿童的儿童？那么，行
mayank mathur
？感谢所有的Flip答案解决了我的问题。并且@T.J.Crowder将来我总是在这里发布代码。谢谢again@rahularyansharma：如果以后再这样做的话，这个问题将与meta链接中描述的情况完全相同。这就是问题和答案可以编辑的原因。这一次我为你做了。所有的孩子或所有的后代？总是在问题本身中包含相关的代码/标记。原因：只针对儿童还是针对儿童的儿童？那么，行
mayank mathur
？感谢所有的Flip答案解决了我的问题。并且@T.J.Crowder将来我总是在这里发布代码。谢谢again@rahularyansharma：如果以后再这样做的话，这个问题将与meta链接中描述的情况完全相同。这就是问题和答案可以编辑的原因。这次我是为你做的，嗯？认真地我使用过它，它通过了严格的x浏览器质量保证和测试，并投入生产。@T.J.克劳德：这是指使用
.css（）
进行检索，而不是设置。或者至少，我是这样理解的。如果你在@T.J.Crowder发布的帖子后面读到一句话，上面写着“例如，如果你想检索渲染的边距”，那么这句话就是在专门谈论检索。@thirtydot、Filip和karim79：我希望是这样，而且已经这样做了。也删除了这里的评论，相对于被回答的实际问题，这是一个旁道。嗯？认真地我使用过它，它通过了严格的x浏览器质量保证和测试，并投入生产。@T.J.克劳德：这是指使用
.css（）
进行检索，而不是设置。或者至少，我是这样理解的。如果你在@T.J.Crowder发布的帖子后面读到一句话，上面写着“例如，如果你想检索渲染的边距”，那么这句话就是在专门谈论检索。@thirtydot、Filip和karim79：我希望是这样，而且已经这样做了。这里也删除了评论，相对于被回答的实际问题，这是一个旁道。