使用jQuery从列表中选择具有某些属性的div

Question

这似乎很基本，但我拉毛！我有一个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');

Answer 1

您可以使用jQuery＆＃39; .filter函数执行您要查找的内容：

＆＃13;

＆＃13;

// 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());

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;