方法 - htmx.findAll()

htmx.findAll 是 HTMX 提供的一个实用工具函数，用于在某个 DOM 元素内查找所有匹配指定选择器的子元素，作用类似于 element.querySelectorAll(selector)，但用于 HTMX 扩展开发或事件回调时的统一处理。

参数

selector - 要匹配的选择器

或者

elt - 查找匹配元素的根元素（含根元素自身）
selector - 要匹配的选择器

示例代码

<div id="list">
  <p class="item">1</p>
  <p class="item">2</p>
  <p class="item">3</p>
</div>

<script>
  const items = htmx.findAll(".item");
  console.log(items);
</script>

如果没有找到符合 selector 的元素，则会返回一个空的 NodeList，这时只能通过判断 NodeList的长度是否等于0来得知有没有获取到元素。

<body>
<div id="list">
  <p class="item">1</p>
  <p class="item">2</p>
  <p class="item">3</p>
</div>
</body>
<script>
    const items = htmx.findAll(".test");
    console.log(items); // 输出： NodeList []
    console.log(items.length); // 输出：0
    if (items){
        console.log("Items found"); // 输出：Items found
    }
</script>