Question

我是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>，而不删除其子<li>。这在jQuery中可行吗？请帮帮我。

Answer 1

您无法将li置于另一个li内。但是，您可以执行的操作是移动li中的ul元素，并将它们放在用于包含li的{{1}}之后。这些方面的东西：

ul

Live Example | Source

Answer 2

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

这将删除ul元素并重新显示li元素下的ul元素（及其兄弟姐妹，如果有的话）。

使用jQuery删除HTML标记

2 个答案: