how to empty or clear the content of the Div .

Question

I have used empty() and remove() functions , but its not working.

Answer 1

in line 40 you only need $(".actDiv").html("");

Answer 2

@jonathan pizarra thank you it's working now

Answer 3

jQuery:
$("div").html("");

JavaScript:
document.getElementById("DivId").innerHTML = "";

Answer 4

i have tried the above code , but it's not working

Answer 5

can you post your code here so we can see the real problem?

Answer 6

I can't. Is it public?

Answer 7

the link to the code you posted is php and there is nothing in it. What is the name of your code?

Answer 8

DropdownList

Answer 9

@srivani empty() or remove() methods are used to completely remove DOM elements, while html() method or text() method is used to change the text inside the elements

Answer 10

https://code.sololearn.com/wssmfxl5shrn/#js

Answer 11

can you see my code ?

Answer 12

yes

Answer 13

https://code.sololearn.com/WSSMfXl5sHrN/?ref=app

Answer 14

var products =[{
id:"1",
text:"Stationary",
items:[{
id:"1_1",
text:"Books"

},{
id:"1_2",
text:"Pens"
},{
id:"1_3",
text:"Rubber"
}]

},{
id:"2",
text:"Grocery",
items:[{
id:"2_1",
text:"Drinks"
},{
id:"2_2",
text:"Chocolates"
},{
id:"2_3",
text:"Snacks"
}]

}];
$(function(){
$("#item").click(function(){
var submenu = $("#submenu");
var div =$("<div class='actDiv'></div>");
if($(".actDiv").children().length>0){
// div.empty();
// $("#submenu").empty();
// div.end();
div.remove();
$("<div class='actDiv'></div>").html("");
}
else{
for(var i=0; i< products.length;i++){
div.append($("<p class='subproduct'></p>").text(products[i].text));
if(products[i].items!=null){
for(var j=0; j<products[i].items.length;j++){

div.append($("<p class='subitems'></p>").text(products[i].items[j].text));

}
}
}
$("#submenu").after(div);
}
});

});

Answer 15

I have copied my JavaScript file .

Answer 16

DropdownList is my code name