javascript - 如何在 jQuery 中同时使用 OR 和 .find() ？

Question

这是我的代码:

$('.mycls1 table tr td, .mycls2 table tr td').css('opacity', '.2');

<小时/>

现在我想使用两个变量而不是 .mycls1 和 .mycls2，如下所示:

var mycls1 = $(`.mycls1`),
    mycls2 = $(`.mycls2`);

所以我必须使用 .find() 来选择它，如下所示:

mycls1.find('table tr td').css('opacity', '.2');
mycls2.find('table tr td').css('opacity', '.2');

看到了吗？在这种情况下(使用 .find()) 迫使我使用两行单独的代码来选择这两个元素。

无论如何，我想知道是否可以在同一行中同时使用 .find() 和 OR (,) ？

<小时/>

注意到在我的示例中，声明两个变量并在其中初始化这两个元素并不有效，但实际上是有效的。所以我只需要学习如何做到这一点的概念。

Answer 1

您可以使用add()将元素添加到集合中。

mycls1.add(mycls2)....

这将添加来自 mycls2 的元素。

var mycls1 = $(`.mycls1`),
    mycls2 = $(`.mycls2`);

mycls1.add(mycls2).css('opacity', '.2');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="mycls1">
  <table>
    <tr>
      <td>1</td>
    </tr>
    <tr>
      <td>2</td>
    </tr>
    <tr>
      <td>3</td>
    </tr>
  </table>
</div>
<div class="mycls2">
  <table>
    <tr>
      <td>4</td>
    </tr>
    <tr>
      <td>5</td>
    </tr>
    <tr>
      <td>6</td>
    </tr>
  </table>
</div>