javascript - 在 li 项列表中按类名获取元素文本/值

Question

我有一个 li 项目列表，并且只需要获取包含类名 ms-selected 的项目。从我正在迭代的列表中，每个 li 显示为 li#49-selection.ms-elem-selection.ms-selected。该数字并不总是相同，我只查找那些具有 .ms-selected 的 li 值。我怎样才能做到这一点？到目前为止我已经尝试过这个和不同的变体:

var thelist = $("#ms-fmultiselect .ms-selection .ms-list li");

$.each(thelist, function (i, obj) {
    thearray.push({ id: $(".ms-selected").val() });
});

Answer 1

使用 jQuery .hasClass()功能。

 var thelist = $("#ms-fmultiselect .ms-selection .ms-list li");

 $.each(thelist, function (i, obj) {
     if($(obj).hasClass('ms-selected')){
         thearray.push($(obj).val());
     }
 });

<小时/>

这是一个带有简化选择器的工作示例:

var thelist = $('input');
var thearray = [];
$.each(thelist,function(i,obj){
	 if($(obj).hasClass('ms-selection')){
         thearray.push($(obj).val());
     }
});

console.log(thearray);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" value="test1">
<input type="text" class="ms-selection" value="test2">
<input type="text" value="test3">
<input type="text" value="test4">
<input type="text" class="ms-selection" value="test5">
<input type="text" value="test6">
<input type="text" class="ms-selection" value="test7">
<input type="text" value="test8">