获取存储在变量jQuery中的选择器类的特定div

时间:2018-05-07 11:16:22

标签: jquery jquery-selectors

假设我使用变量替换jQuery选择器,如下所示:

<div>
    <label >Upload Img</label>
  <input ng-model="img" role="uploadcare-uploader" name="content" data-public-key="240426036fd9daf2d723" data-images-only />

</div>

<div>
    <label for="quantity">Fetch above input value in this input</label>
    <input type="text" ng-model="userimg" ng-bind="userimg=img" value="{{img}}">

</div> 

我有一系列具有该班级名称的div:

var $someDiv = $('.some-div');

如果其中一个要增加一个课程,比如<div class='some-div'></div> <div class='some-div'></div> <div class='some-div'></div> ,我该如何使用变量选择它?

1 个答案:

答案 0 :(得分:1)

您可以使用.filter(selector)并将其他课程作为selector

传递
  

包含选择器表达式的字符串,以匹配当前的元素集。

$someDiv.filter('.additional-class')

&#13;
&#13;
var $someDiv = $('.some-div');
$someDiv.filter('.additional-class').css('background-color', 'green')
&#13;
.some-div {
  height: 50px;
  width: 50px;
  margin : 10px;
  background-color: red
}
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class='some-div'></div>
<div class='some-div additional-class'></div>
<div class='some-div'></div>
&#13;
&#13;
&#13;