Выбор всех нисходящих узлов с помощью JQuery

Question

Я хочу щелкнуть тег span с помощью .myClass и всех его потомков, чтобы что-то сделать ..

$('.myClass'). *<all elements below .myClass>*.click(function(){
//do something
});

Как выбрать все элементы ниже селектора .myClass? Не только дети, но и каждый узел под ними.

Я в IE7

Answer 1

Клик по умолчанию будет всплывать до родителей , поэтому вам просто нужно:

$('.myClass').click(function(){
  //do something
});

Если вам действительно нужны все элементы, используйте $('.myClass *'), но, как правило, вы хотите держаться подальше от этого, всплытие событий происходит намного эффективнее и происходит по умолчанию. Если вам нужна цель, посмотрите, от какого фактического ребенка она произошла, используйте event.target, например:

$('.myClass').click(function(e){
  var clickedDOMElement = e.target;
  //do something
});

Answer 2

Если вы хотите сделать это явно:

$ ('. MyClass'). Find ('*'). Click (бла-бла ..);

Документация: http://api.jquery.com/find/