JQuery выберите родителя div

Question

У меня есть этот HTML:

    <div class="vt ddsitem">
        <a href="url"><img class="pt" id="xyz1" src="url"></a>
        <div>
            <img class="updown" src="images/updown.gif">
            <a href="url"><img class="bin" src="images/bin.gif"></a>
        </div>
    </div>
   <div class="vt ddsitem">
        <a href="url"><img class="pt" id="xyz2" src="url"></a>
        <div>
            <img class="updown" src="images/updown.gif">
            <a href="url"><img class="bin" src="images/bin.gif"></a>
        </div>
    </div>

И я хочу удалить элемент vt ddsitem, в котором на изображении xyz2 - дочерний элемент.

Перепробовал много вещей, таких как:

$('#xyz2').parent().parent().remove(); 

но никто из них не справился.

Кто-нибудь получил подсказку?

Answer 1

Ваш код, кажется, в порядке.

Используете ли вы какой-либо плагин jQuery? Если вы это сделаете, он должен обернуть ваш div или преобразовать ваш код. Попробуйте использовать Firebug , чтобы посмотреть, что происходит.

Answer 2

.closest() - хороший способ сделать то, что вам нужно:

$('#xyz2').closest('.ddsitem').remove(); 

Хотя то, что у вас есть должно работать, если оно работаетв обработчике document.ready, например:

$(function() {
  $('#xyz2').parent().parent().remove(); 
});

Вы можете увидеть это в действии здесь , та же самая оболочка document.ready идет для .closest() метод выше ... элементы должны быть готовы и в DOM, прежде чем мы сможем найти их с помощью селектора.