jquery - オブジェクトリストで data-* で検索する方法

Question

動作しない単純なコードがあります:

jQuery('#list-of li').removeClass('active').find('[data-item-id="' + item_id + '"]').addClass('active');

lilikeで使用した場合にのみ機能します

jQuery('#list-of li[data-item-id="' + item_id + '"]').addClass('active');

Answer 1

検索ではなくフィルターを使用する必要があります

find(): decedent 要素を探しますが、属性liを持つ前のセットの要素を既に持っていますdata-item-id

filter(): 渡されたセレクターで現在の要素のセットをフィルタリングします

jQuery('#list-of li').removeClass('active').filter('[data-item-id="' + item_id + '"]').addClass('active');