codeEnthusiast
codeEnthusiast

Reputation: 321

Get specific div with class of selector stored in variable jQuery

Suppose I am using a variable to replace a jQuery selector like so:

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

And I had a series of divs with that class name:

<div class='some-div'></div>
<div class='some-div'></div>
<div class='some-div'></div>

If one of those were to have an additional class, say .additional-class, how might I select it using the variable?

Upvotes: 0

Views: 23

Answers (1)

Satpal
Satpal

Reputation: 133453

You can use .filter(selector) and pass additional class as selector

A string containing a selector expression to match the current set of elements against.

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

var $someDiv = $('.some-div');
$someDiv.filter('.additional-class').css('background-color', 'green')
.some-div {
  height: 50px;
  width: 50px;
  margin : 10px;
  background-color: red
}
<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>

Upvotes: 1

Related Questions