Выбор родителя родителя, чтобы найти дядю

Question

У меня этот код работает нормально с FF и оперой, но не с сафари и хромом.

j(this).parent().parent().find(".box").load('test.html');

где (this) - это, например, "a" в следующем примере html

<div>
   <p><a href="#">clicky</a> to do ajax<p>
   <div class="box">loadhere</div>
</div>

если я делаю parent только один раз, когда я нахожусь в теге p, это мешает мне найти "коробку", поэтому я делаю parent дважды, чтобы попасть в div как мне попасть в div во всех браузерах?

Answer 1

Попробуйте:

$(this).parent().siblings('.box');

Answer 2

$(this).closest('div')

если вы хотите быть более уверенным в том, что получаете правильный вариант, дайте div классу или что-то в этом роде.

$(this).closest('div.magicAjaxContainer')

Answer 3

как насчет

$(this).parent().next('div.box')