Question

如果我有这样的HTML。

<ul class="menu">
 <li>
  <a href="pageGreen">
   pageGreen
  </a>
 </li>
 <li>
  <a href="pageBlue">
   pageBlue
  </a>
 </li>
 <li>
  <a href="pageRed">
   pageRed
  </a>
 </li>
 <li>
  <a href="page1">
   page1
  </a>
 </li>
 <li>
  <a href="page2">
   page2
  </a>
 </li>
 <li>
  <a href="page3">
   page3
  </a>
 </li>
</ul>

如何使用jquery删除pageGreen和pageBlue的整个LI元素？

Answer 1

这样的事情可以起作用

。

$（ “一个[HREF = 'pageGreen']”）的父（）除去（）;

Answer 2

你可以试试像....

$("li a").each(function() {
if($this).html() == "pageGreen" || $(this).html() == "pageBlue") {
$(this).closest("li").fadeOut();
} 
});

可能需要调整

Answer 3

尝试jQuery’s :contains() selector：

$("li:contains(pageGreen), li:contains(pageBlue)").remove();

如何使用jquery根据其内容删除html元素？

3 个答案: