prop（）によって返された複数の値から特定の値を選択する方法？

Question

私はこのhtml要素を持っている：

<select name="category" class="form form-control brand_name product_cat"> 
    <option>a</option> 
    <option>b</option> 
</select> 

あなたが割り当てられた複数のクラス名がある見ることができるように。 jQuery prop()メソッドを使用して、末尾または最初にクラス名を取得するにはどうすればよいですか？それとも他の方法がありますか？それは、その後のスペースを使用して

Answer 1

1. スプリットはあなたがスペース上の文字列を分割よりattr('class')を使用して、すべてのクラスを取得することができ、インデックス

var sltcls = $("select").attr("class").split(" "); 
 

 

 
console.log("first class : "+sltcls[0]) 
 
console.log("last class : "+sltcls[sltcls.length-1])

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select name="category" class="form form-control brand_name product_cat"> 
 
    <option>a</option> 
 
    <option>b</option> 
 
</select>

Answer 2

に基づいて、所望のクラスを取得します。次に、配列としてアクセスできます。

var classList = $('select').attr('class').split(' '); 
 
console.log('First class in select : ' + classList[0]); 
 
console.log('Last class in select : ' + classList[classList.length - 1]);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select name="category" class="form form-control brand_name product_cat"> 
 
    <option>a</option> 
 
    <option>b</option> 
 
</select>

Answer 3

あなたはあなたのクラス名の配列を取得するためにdocument.getElementByName('category').className.split(/\s+/);を使用することができます。次に、fisrtとlast classの名前を次のように取得できます。

var allClassList = document.getElementByName('category').className.split(/\s+/); 

var fist_class_name = allClassList[0] ; 
var last_class_name = allClassList[allClassList.length-1] ;