Question

我有这个html元素：

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

正如您所看到的，分配了几个类名。使用jQuery prop()方法，我怎样才能在结尾或开头获取类名？或者还有其他方法吗？

Answer 1

使用空格拆分，然后根据索引

＆＃13;

var sltcls = $("select").attr("class").split(" ");


console.log("first class : "+sltcls[0])
console.log("last class : "+sltcls[sltcls.length-1])

＆＃13;

<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>

＆＃13;

Answer 2

您可以使用attr('class')获取所有课程，而不是在空格上分割字符串。然后您可以将其作为数组访问。

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姓名

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

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

如何从prop（）返回的多个值中选择特定值？

3 个答案: