I have got a jQuery var that contains HTML that I'm appending to a page.
I need to remove a HTML element before I append it to the page but I can't seem to filter it.
for example the variable contains;
<div class="block1"></div>
<div class="block2"></div>
I have tried filtering like this before I append:
var mydata = $(mydata).filter('.block1');
and
var mydata = mydata.filter('.block1');
but none of these work. Any suggestions?
Filter applied directly to string sometimes give string result, its safe to add element to DOM and then apply filters. Assign html to some temporary element in the DOM, Get the filtered items from this temporary element and assign it to desired element.
$('#TemporaryElemntToAddHtml').html(mydata);
$('#ElemntToAddHtml .block1').each(function(){
$('#ElemntToAddHtml').append($(this));
});
$('#TemporaryElemntToAddHtml').remove();
Try .remove()
$('.block1').remove();
OR
var mydata = $(mydata).remove('.block1');
$.filter doesn't do what you think it does.
I would try $(mydata).remove('.block1');
Did you try the .remove function?
var mydata = $('<div class="block1"></div>
<div class="block2"></div>');
mydata.remove('.block1');
selector with function... Just to be correct.
Use the splice native method to remove at the element index, and remove 1 item.
mydata.splice( mydata.filter('.block1').index(), 1 );
Note with that splice do not add mydata = mydata.splice(..) as that will return the removed element.
Otherwise use jQuery's remove method as some people already said.
mydatais already set somewhere? Have you tried$("div").filter('.block1').remove();or perhaps$("div").filter(return $(this).hasClass(".block1")).remove();?