Помогите с селектором jQuery

Question

У меня есть следующая разметка

<div id="FirstDiv">
  <div class="MyClass">
      <span>
           <a href="#">link 1</a>
           <a href="#">link 2</a>
      </span>
  </div>
</div>
<div id="SecondDiv">
  <div class="MyClass">
      <span>
           <a href="#">link 1</a>
           <a href="#">link 2</a>
      </span>
  </div>
</div>

Как выбрать все элементы тега <a> внутри DIV "SecondDiv"?

На самом деле я делаю

$(".MyClass > a").click(function (event) {

но при этом будут выбраны также ссылки первого деления.

Answer 1

$('#SecondDiv a')

При этом используется идентификатор элемента SecondDiv и выбирается всех потомков <a> элементов.

Вы использовали дочерний селектор >, который будет выбирать только непосредственных детей.И вы правы, что он будет выбирать из обоих .MyClass элементов.

Другая возможность - поместить a .delegate() в элемент SecondDiv, чтобы сопоставлять клики с вложенными<a> элементов.

$('#SecondDiv').delegate( 'a', 'click', function() {
      // your code
});

---

РЕДАКТИРОВАТЬ: В отношении вашего комментария ниже, вы можете ограничить его до <a> элементов в элементе .MyClass, поместив этов селекторе.

$('#SecondDiv .MyClass a')

Теперь любые элементы <a>, которые не идут от .MyClass, не будут включены.

Answer 2

$("#SecondDiv a").click(function(){
  alert("Hi-o");
});

Answer 3

Вы должны использовать здесь ID Selector (#) вместо селектора класса (.)

$("#SecondDiv a").click(function (event) {

Подробнее о ID Selector и Class Selector .

Answer 4

$("#SecondDiv").find("a").click(function(event) {});

Answer 5

почему я не могу использовать идентификатор второго div ('#second div')

или

http://api.jquery.com/children/