CODEWITHSUNDEEP
javascriptjqueryhtml
wen tian
wen tian

Reputation: 441

How can I get the number of the attribute value？

I want to assign the value of id to the value of the class attribute and then determine if the class exists, but how do I write it?

var id = 2;
var div1 = ($("#div1").hasClass("'treegrid-parent-'+id"));

if (div1) {
   console.log("true");
} else {
   console.log("false");
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="div1" class="treegrid-parent-2">2</div>

Upvotes: 1

Views: 59

Answers (3)

Shiladitya
Shiladitya

Reputation: 12181

Here you go with one more solution using ES6 template literals.

var id = 2;
var div1 = ($("#div1").hasClass(`treegrid-parent-${id}`));

if (div1) {
   console.log("true");
} else {
   console.log("false");
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="div1" class="treegrid-parent-2">2</div>

Upvotes: 1

Arsylum
Arsylum

Reputation: 523

you are almost there ;-)

var id = 2;
var div1 = ($("#div1").hasClass('treegrid-parent-' + id));

if (div1) {
   console.log("true");
} else {
   console.log("false");
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="div1" class="treegrid-parent-2">2</div>

Upvotes: 1

Agent Droid
Agent Droid

Reputation: 81

you could try this one.

var $div = $("#div")
    id = $div.text()
    div1 = $div.hasClass("treegrid-parent-" + id))

Upvotes: 1

Related Questions