Удалить из родителей без идентификатора или класса с помощью JQuery

Question

Так у меня есть некоторые HTML, который выглядит следующим образом:

<div class='something unknown' id='something_unknown_1'> 
    <button onClick='removeParent(self)'>Remove me and my parent div</div> 
</div> 
<div class='something unknown' id='something_unknown_2'> 
    <button onClick='removeParent(self)'>Remove me and my parent div</div> 
</div> 

... и так далее. Как именно я могу ссылаться на кнопку, которая запускала onClick, не зная идентификатора кнопки? Я хотел бы, чтобы в конечном счете, мой метод removeParent (само) выглядит следующим образом:

buttonThatWasClicked.parent().remove(); 

Answer 1

Я хотел бы добавить класс к кнопкам, так что функция не получает привязан к каждой кнопке на странице только те, которые вы хотели бы, чтобы это.

<div class='something unknown' id='something unknown'> 
    <button class="myClass">Remove me and my parent div</div> 
</div> 
<div class='something unknown' id='something unknown'> 
    <button class="myClass" >Remove me and my parent div</div> 
</div> 

Затем используйте селектор классов jquery для привязки функции, которая удаляет родительский элемент.

$(".myClass").click(function(){ 
    $(this).parent().remove(); 
}); 

Демо: http://jsfiddle.net/cXLqK/

Answer 2

Вы можете использовать this ссылаться на кнопку, которая была нажата внутри обработчика щелчка.

$("button").click(function(){ 
    removeParent($(this)); 
}); 

function removeParent(buttonThatWasClicked){ 
    buttonThatWasClicked.parent().remove(); 
} 

Answer 3

Если у вас есть onclick на HTML-узлов (то есть не установлен с помощью JQuery):

<div class='classA' id='idA'> 
    <button onclick='removeParent(this)'>Remove me and my parent div</div> 
</div> 
<div class='classB' id='idB'> 
    <button onclick='removeParent(this)'>Remove me and my parent div</div> 
</div> 

тогда это будет работать:

removeParent = function(e) { 
    $(e).parent().remove(); 
} 

Рабочий пример :

• http://jsfiddle.net/VEETt/