I have a list of div element. Now I want to fetch data attribute from div when clicking on it.
<div class=”large” data-id=”1″>XD</div>
<div class=”large” data-id=”2″>XDD</div>
<div class=”large extra” data-id=”3″>XDDD</div>
<div class=”large” data-id=”2″>XDD</div>
I have use the jquery like that.
$(‘.large’).on(‘click’,function(){
var id=$(this).attr(“data-id”);
alert(id);
});
Now I want to take id of the particular div having extra class.So how can I do this?
Just use hasClass method of jquery.It will return boolean.
<div class=”large” data-id=”1″>XD</div>
<div class=”large” data-id=”2″>XDD</div>
<div class=”large extra” data-id=”3″>XDDD</div>
<div class=”large” data-id=”2″>XDD</div>
I have use the jquery like that.
$(‘.large’).on(‘click’,function(){
if($(this).hasClass(“extra”)){
var id=$(this).attr(“data-id”);
alert(id);
}
});