使用jQuery从列表中选择具有某些属性的div
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了使用jQuery从列表中选择具有某些属性的div相关的知识，希望对你有一定的参考价值。
这看起来很基本，但我拉毛！我有一个html元素的jQuery对象，我想从中挑选一些。
HTML：
<div data-id="1">1</div>
<div data-id="2">2</div>
<div data-id="3">3</div>
<div data-id="4" class="x">4</div>
JS：
var list = $('div');
// How can I filter through this list?
// pseudo
var id = 3; // (dynamic value)
var div3 = list.SELECTME('[data-id="' + id + '"]');
var div4 = list.SELECTME('.x');
答案
你可以使用jQuery的.filter函数做你想要的事情：
// using $ notation - $list indicates the variable contains a jQuery object
var $list = $('div');
var id = 3;
// utilize .filter to find items that match
var $div3 = $list.filter('[data-id="' + id + '"]');
var $div4 = $list.filter('.x');
console.log('div 3: ', $div3.text());
console.log('div 4: ', $div4.text());<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div data-id="1">1</div>
<div data-id="2">2</div>
<div data-id="3">3</div>
<div data-id="4" class="x">4</div>以上是关于使用jQuery从列表中选择具有某些属性的div的主要内容，如果未能解决你的问题，请参考以下文章