How to get elements of specific class starting with a given string?

Question

I have a list of elements that have multiple classes, for example:

Answer 1

Try this,

if($(selector).attr("class").lastIndexOf("classToStartFrom") == 0)
   return "this selector class name starts with 'classToStartFrom'";
else
   return "this selector class name doesn't start with 'classToStartFrom'";

The code is not tested.

Answer 2

You can use Regular Expression or split the class name.

$(".etape").click(function(){
   var classes = $.grep(this.className.split(" "), function(v, i){
       return v.indexOf('btn') === 0;
   }).join();
});

http://jsfiddle.net/LQPh6/

Answer 3

Try this: $('input[class*='btn']').attr("class");

Answer 4

A class starting with btn and which can not be the first class:

Working fiddle: http://jsfiddle.net/c9Tdx/

$("input[class^='btn'],input[class*=' btn']").each(function(){
     //whatever
});

Answer 5

I just made @Vohuman 's function to reusable one :

// getClassStartsWith(classes,startswith);
// Example : getClassStartsWith( 'item w-2 h-4 hello' , 'h-' );
function getClassStartsWith(t,n){var r=$.grep(t.split(" "),function(t,r){return 0===t.indexOf(n)}).join();return r||!1}

Example...

HTML :

<div class="item w-2 h-4 hello"></div>

JS :

var $element = $('.item');
var classes = $element[0].className;
var getHeight = getClassStartsWith(classes,'h-');

That will return h-4, And if no class starts with h- will return false

Demo : http://jsbin.com/mijujunaca/edit?js,console

Answer 6

 // Only select input which have class 
 $('input[class]').click(function(){  
   var myClass;
   // classNames will contain all applied classes
   var classNames = $(this).attr('class').split(/\s+/);  

     // iterate over all class  
     $.each(classNames, function(index, item) {
        // Find class that starts with btn-
        if(item.indexOf("btn-") == 0){
          // Store it
          myClass = item;
        }
     });

  });

Live Demo