如何在jQuery中同时使用OR和.find()?

时间:2017-04-17 04:38:10

标签: javascript jquery jquery-selectors

这是我的代码:

$('.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(,)?

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

2 个答案:

答案 0 :(得分:2)

您可以使用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>
&#13;
&#13;
&#13;

答案 1 :(得分:0)

我认为你应该尝试以下代码

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