Как я могу удалить границу всех дочерних элементов родительского div, используя jquery?

Question

Я столкнулся с проблемой, что я хочу удалить все границы дочерних элементов контейнера div с помощью jQuery.

Дочерними элементами могут быть изображения, div, тег p, якорь или любой тег 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

для всех детей это будет $("#div1").children().css("border", "0");

Но если вы добавите границы с помощью атрибута стиля, как вы делали раньше, вы также можете перейти к

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

Надеюсь, это поможет

Answer 3

Ну, это просто:

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

Или, если у вас есть jquery-объект вашего родителя:

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

Если вы знаете, что просто хотите удалить границы из div-элементы вместо всех элементов внутри, просто используйте:

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

Answer 4

Все селектор?

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