在VS Code中，如何選擇“打開HTML標簽”，“關閉HTML標簽”以及之間的所有內容？

Question

<nav>
  <ul>
    <li><a href="#">Home</a></li>
    <li><a href="About/">About</a></li>
    <li><a href="Contact/">Contact</a></li>
    <li>
      Portfolio
      <!-- TODO: Make this a dropdown menu. -->
      <ul>
        <li><a href="">Project 1</a></li>
        <li><a href="">Project 2</a></li>
        <li><a href="">Project 3</a></li>
      </ul>
    </li>
  </ul>
</nav>

給定類似上面的內容，我想選擇開頭<nav> ，然后還選擇結尾<nav> ，包括介於兩者之間的所有內容。

換句話說，使用快捷鍵（Mac OS X）選擇打開，關閉以及之間的所有標記。

Answer 1

使用您擁有的html：

<nav>
  <ul>
    <li><a href="#">Home</a></li>
    <li><a href="About/">About</a></li>
    <li><a href="Contact/">Contact</a></li>
    <li>
      Portfolio
      <!-- TODO: Make this a dropdown menu. -->
      <ul>
        <li><a href="">Project 1</a></li>
        <li><a href="">Project 2</a></li>
        <li><a href="">Project 3</a></li>
      </ul>
    </li>
  </ul>
</nav>

在VS Code中，如果在第一行中選擇<nav> ，然后執行鍵盤快捷鍵：

Shift + Alt + →

它應該為您突出顯示整個代碼塊。

Answer 2

您還可以使用搜索功能， 如本答案所述啟用RegEx搜索模式

這是您可以使用的搜索字符串：

<nav>[\s\S]*<\/nav>

說明：

1. 搜索特定字符： <nav>

2. 后跟零個或多個（ * ）空格（ \\s ）和/或NON-white-space（ \\S ）字符（包括換行符） ，以及

3. 到達</nav> （含）時停止

觀看此regex101演示