代码之家 › 专栏 › 技术社区 › frosty

同一类的console.log特定元素

userscripts javascript

-1

frosty · 技术社区 · 6 年前

我有几个具有相同类的元素,但是我只需要console.log不带console的特定元素。用相同类记录每个元素。例如,我只想看到类中的元素1和元素3。我该怎么做?

<td class="tweet"> class one </td>
<td class="tweet"> class two </td>
<td class="tweet"> class three </td>
<td class="tweet"> class four </td>

console.log($("td.tweet" ).text());

结果:

class one

class two

class three

class four

需要结果:

class one

class three

1 回复 | 直到 6 年前

T.J. Crowder 6 年前

你可以 filter 收藏到第一和第三:

console.log($("td.tweet").filter(index => index === 0 || index === 2).text());

<table>
<tr>
<td class="tweet"> class one </td>
<td class="tweet"> class two </td>
<td class="tweet"> class three </td>
<td class="tweet"> class four </td>
</tr>
</table>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

您还可以使用jquery的 :eq pseudo-selector :

console.log($("td.tweet:eq(0), td.tweet:eq(2)").text());

<表& gt;
T>
<td class=“tweet”>一级<td>
<td class=“tweet”>二级<td>
<td class=“tweet”>三级<td>
<td class=“tweet”>四级<td>
& LT/TR & GT;
</表格>

<script src=“https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js”></script>