javascript - querySelectorAll: 特定のしきい値要素に到達するまで子を検索

Question

変換する方法はありますか: $("#first").find("input").not("td td input") ( http://jsfiddle.net/4K9TG/ ) ... querySelectorAll セレクターに?

( jQuery: find() children から、特定のしきい値要素に到達するまで続きます)

Answer 1

not条件を満たすコレクションに対する単純なフィルタです。これが役立つかどうかを確認してください。

var query = function(selector, element) {
  element = element || document;
  return [].slice.call(element.querySelectorAll(selector));
};

var not = function(selector) {
  var exclude = query(selector);
  return function(element) {
    return exclude.indexOf(element) == -1;
  };
};

var inputs = query('#first input').filter(not('td td input'));

ここにデモがあります: http://jsbin.com/EJAyiSux/1/edit

上に示したように、ほとんどの jQuery メソッドは単純filterでmap高次の関数を持つシーケンスとして実装できます。結局のところ、jQuery コレクションは単なる要素の配列です。