亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何在嵌套列表中使用列表項找到最深的 ul/ol

如何在嵌套列表中使用列表項找到最深的 ul/ol

喵喵時光機 2023-02-17 15:46:50
我正在嘗試清理另一個程序生成的項目符號列表,該程序創建了不必要的嵌套列表。我需要刪除它們。這里有2個例子......<!DOCTYPE html><html><head>  <title>Document</title></head><body>  <ul>    <ul>      <li>        <ul>          <li>List Item 1</li>          <li>List Item 2</li>        </ul>      </li>    </ul>  </ul>   <ul>  <li>    <ul>      <li>        <ul>          <li>            <ol>              Prep Steps              <li>Step 1</li>              <li>Step 2</li>              <li>Step 3</li>            </ol>            <ul>              Other things to note              <li>Another LI 1</li>              <li>Another LI 2</li>              <li>Another LI 3</li>            </ul>          </li>        </ul>      </li>    </ul>  </li></ul> <script src="https://code.jquery.com/jquery-3.5.0.js"></script></body></html>我需要找到具有有效列表項上下文(任何文本)的 ul/ol 并刪除圍繞它們的所有無關的 ul。為此,我試圖找到具有列表項的最深的 ul。我嘗試了一些類似的選擇器$("ul:has(li)"),但這也返回了所有父 uls。
查看完整描述

1 回答

?
狐的傳說

TA貢獻1804條經驗 獲得超3個贊

嘗試這個:

    $('ul,ol').not(':has(ul,ol)')

$('ul,ol').not(':has(ul,ol)').each((index,list) => console.log(list));

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<ul>

    <ul>

      <li>

        <ul>

          <li>List Item 1</li>

          <li>List Item 2</li>

        </ul>

      </li>

    </ul>

  </ul>

  <ul>

    <li>

      <ul>

        <li>

          <ul>

            <li>

              <ol>

                <li>Another LI 1</li>

                <li>Another LI 2</li>

                <li>Another LI 3</li>

              </ol>

            </li>

          </ul>

        </li>

      </ul>

    </li>

  </ul>


查看完整回答
反對 回復 2023-02-17
  • 1 回答
  • 0 關注
  • 87 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號