javascript - 使用 JQuery 获取第 N 列中的元素。

Question

我有以下html代码

<div style="column-count: 3;">
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ul>


<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ul>

<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ul>
</div>

它将 ul 分为三列。现在我只想使用 JQuery 获取第一列的所有元素。这可能吗？？

Answer 1

要获取第一个 ul 的 li，您可以这样做:

$('ul:first-child').find('li');

更具体地说，在您的 div 上放置一个选择器:

<div class="myUls">
    <ul>....
</div>

$('.myUls ul:first-child').find('li');