Question

I am facing a problem that I want to remove all child elements border of a container div using jQuery.

Child elements can be image, div, p tag, or anchor or any HTML tag.

Here’s my try:

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

jsfiddle link

Answer 1

Change children to find, like this.

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

And here’s the fiddle: http://jsfiddle.net/Yu25h/