2

我是 jQuery 的新手。我只想删除 HTML 标签,而不是它的内容。以下是我的代码

HTML

<ul>
  <li>
    <a href="#">Personal Loans</a>
    <ul>
      <li><a href="#">Secured Loans</a></li>
      <li><a href="#">Unsecured Loans</a></li>
      <li><a href="#">Bad Credit Loans</a></li>
    </ul>
  </li>
  <li>
    <a href="#">Debt Management</a>
    <ul>
      <li><a href="#">Debt Consolidation Loans</a></li>
      <li><a href="#">Credit Card Debt Management</a></li>
      <li><a href="#">IVAs</a></li>
    </ul>
  </li>
  <li>
    <a href="#">Payday Loans</a>
    <ul>
      <li><a href="#">Text Loans</a></li>
      <li><a href="#">Short Term Loans</a></li>
      <li><a href="#">Cash Loan</a></li>
      <li><a href="#">Same Day Loan</a></li>
      <li><a href="#">Instant Loans</a></li>
      <li><a href="#">Quick Loan</a></li>
      <li><a href="#">Cash Advances</a></li>
      <li><a href="#">Fast Loan</a></li>
    </ul>
  </li>
  <li><a href="#">Car Loan</a></li>
  <li><a href="#">Mortgage</a></li>
</ul>

我只想删除嵌套的<ul>,而不是它的 children <li>。这在 jQuery 中可能吗?请帮我。

4

2 回答 2

3

你不能把一个li放在另一个里面li。但是,您可以做的是li从 . 中移动元素ul并将它们放在li用于包含ul. 这些方面的东西:

$("ul > li ul").each(function() {
    var $ul = $(this);
    $ul.children().insertAfter($ul.parent());
    $ul.remove();
});

实例| 资源

于 2012-11-24T11:49:43.047 回答
-1

您可以在列表项上调用unwrap()方法。

这将删除该ul元素并重新设置该li元素下的元素(及其兄弟姐妹,如果有的话)ul

于 2012-11-24T11:48:55.820 回答