This is a simple div with two classes:
<div class="social twitter"></div>
I am trying to get the name of the second class onclick:
$( ".social" ).bind( "click touchstart", function() {
var sn = $(this).**SECOND_CLASS(= twitter)**;
});
any ideas on how this could be done? Thank you
May help you can use this code if you have just one space between classes
$( ".social" ).on( "click touchstart", function() {
var sn = ($(this).attr('class').split(' '))[1];
alert(sn);
});
and if you have more spaces between classes you can use .. and I think it will be better
$( ".social" ).on( "click touchstart", function() {
var sn = ($(this).attr('class').replace(/\s+/g, ' ').split(' '))[1];
alert(sn);
});
You can use
classListwhich will return list of class attributes of the element.
$(".social").bind("click touchstart", function() {
var cName = this.classList[1];
alert(cName);
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="social twitter">Hello</div>
