javascript - 获取同一类的所有元素并通过 jquery 检测其中的第一个元素

Question

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

<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>

所以从上面的代码结构中我想选择我的数据1

请注意:此数据结构是动态的，因此每次都可能会发生变化。有时第一个列表 div 会获得“My_data”类，有时没有列表 div 具有它。

Answer 1

试试这个:

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

<小时/>

document.querySelector('.My_data')将返回 第一个 类 My_data 元素(如果存在)，否则返回 null。因此，myData 将为 null 或 myDataDiff.innerText 的结果。