Console.log 相同的特定元素 class

Question

我有几个 class 相同的元素，但我只需要 console.log 特定的元素，而不 console.log 使每个元素都具有相同的 class。例如，我只想查看 class 中的元素一和元素三。我该怎么做？

<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

Answer 1

您可以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>

您也可以 select 使用 jQuery 的 :eq pseudo-selector 的第一个和第三个：

console.log($("td.tweet:eq(0), td.tweet:eq(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>

Console.log 相同的特定元素 class

Console.log specific elements of the same class

javascript

userscripts