获取相同 class 的所有元素并通过 jquery 从中检测第一个元素

Question

我有动态结构，其中数据按以下方式传入。我想过滤所有名称为 class "My_data" 的元素，并首先使用它。在下面的代码结构中，我想获得第一个 "My_data" class 元素。

<div class="all_data">
<div class="listing">
    <div class="other_1">Block One</div>
    <div class="mbox">Block Two</div>
    <div class="other_2">Block Three</div>
    <div class="mbox">Block Four</div>
</div>
<div class="listing">
    <div class="other_1">Block One</div>
    <div class="mbox">Block Two</div>
    <div class="other_2">Block Three</div>
    <div class="mbox">Block Four</div>
</div>
<div class="listing">
    <div class="other_2">Block One</div>
    <div class="My_data">My data 1</div>
    <div class="other_2">Block Three</div>
    <div class="My_data">My data 2</div>
</div>
<div class="listing">
    <div class="other_5">Block One</div>
    <div class="My_data">My data 3</div>
    <div class="other_2">Block Three</div>
    <div class="My_data">My data 4</div>
</div>
</div>

所以从上面的代码结构我想select 我的数据1

请注意：此数据结构是动态的，因此可能每次都会更改。有时第一次上市 div 得到 "My_data" class 有时没有上市 div 有它。

Answer 1

试试这个：

var myDataDiv = document.querySelector('.My_data')
var myData = myDataDiff && myDataDiff.innerText; // > string | null

document.querySelector('.My_data') 将 return 具有 class My_data 的第一个 元素 - 如果它存在 - 否则为空。因此 myData 要么是 null 要么是 myDataDiff.innerText.

的结果

Answer 2

只需空一个 div 并将列表 class 的所有子项 div 添加到其中。之后从新列表中取出第一个。

获取相同 class 的所有元素并通过 jquery 从中检测第一个元素

Get all element of same class and detect first element from that via jquery

html

javascript

jquery

jquery-selectors

jquery-filter