Question

I want to remove only those ul with li that doesn’t have a custom attribute on it. I was trying this

$myParent.children('li ul:not("ul[isClicked=True]")').remove();

but can’t get it to work. Any help would be appreciated.

Answer 1

If I understand you correctly, you want to remove the uls that contain lis with the attribute isClicked = "True":

$myParent.find("li[isClicked=True]").parent("ul").remove();

Note that the attribute must contain the word "True"; it’s a string, not a boolean.

Live example

From your comment below:

I am looking for vice-versa actually. Remove all ul’s that don’t have the custom attribute.

That’s the opposite of the opening sentence of your question (“I want to remove only those ul with li that have a custom attribute on it”). 🙂 Here’s how you’d do that assuming the ul elements are direct children of $myParent (your example code suggests this); if that’s not true, just change the .children on the first line to .find:

$myParent.children("ul").each(function() {
  var $ul = $(this);
  if (!$ul.find("li[isClicked=True]")[0]) {
    // Doesn't have one, remove it
    $ul.remove();
  }
});

Live example

---

FWIW, that attribute name won’t validate. You might consider switching to the data-* attribute form.