j查询目标属性值

Question

我想定位以下属性值：data-search-position

<div id="result-item-1" class="search-item " data-search-position="1">
<div class='item-colours-result'>
<ul class='list-class'><li>1</li><ul>
</div>
</div>
<div id="result-item-2" class="search-item " data-search-position="2">
<div class='item-colours-result'>
<ul class='list-class'><li>1</li><ul>
</div>
</div>

由于data-search-position将定义它将有多少列表项，因此我需要了解如何执行此操作。到目前为止，我有以下内容，但不好：

$(document).ready(function () {
var colorCount = $('#result-item-1 .item-colours-result ul li');
if (colorCount.length > 0) {
// do something
}
else {
//do something
}
});

Answer 1

您可以使用循环.search_item而不是特定的#id，然后应用您的逻辑。获取列表计数后，使用.attr()

$('.search-item').each(function(index,item){
var colorCount = $(item).find('.item-colours-result ul li').length;
// alert(item.id+':'+colorCount) count by item id
$(item).attr('data-search-position',colorCount)
})

看到这个jsfiddle：

https://jsfiddle.net/bh8gL15f/