如何在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> 

Answer 2

我認為你應該嘗試下面的代碼

var mycls = $(`.mycls1, .mycls2`);
mycls.find('table tr td').css('opacity', '.2');