удалить div onclick (с помощью remove)

Следуя некоторым комментариям в последнее время, я сделал решительный шаг и начал играть с jquery. Я действительно нахожусь на очень базовом уровне, так что будьте милы. Если нет, пожалуйста, нажмите кнопку со страницы и ответьте кому-то еще, устав от усталости.удалить div onclick (с помощью remove)

Хорошо У меня есть несколько результатов поиска, что мы повторяем критерии сверления в sdebar, чтобы пользователь мог изменить их поиск. Поэтому хотелось бы добавить возможность пользователю щелкнуть значок (установить как кнопку) У меня все это работает, но не знаю, как его настроить, чтобы каждый из элементов был удален, не генерируя тонны кода (jquery идентификаторы и т.д. и т.п.)

Fiddle: http://jsfiddle.net/ozzy/sKeW5/

ЯШ:

$("input").click(function() { 
    $("div").remove('.dave'); 
});

CSS:

input[type=button]{background: url('dx.png');outline:none;border:none;background-repeat:no-repeat;cursor:pointer;width:11px;height:11px;}

HTML:

<div class="s_total clearfix dave"><strong class="cart_module_search left">State:</strong><span class="cart_module_search">Queensland&nbsp;</span><input type="button"/></div> 
<div class="s_total clearfix"><strong class="cart_module_search left">Region:</strong><span class="cart_module_search">Brisbane&nbsp;</span><input type="button"/></div> 
<div class="s_total clearfix"><strong class="cart_module_search left">Category:</strong><span class="cart_module_search">Home and Garden&nbsp;</span><input type="button"/></div> 
<div class="s_total clearfix"><strong class="cart_module_search left">Search Term:</strong><span class="cart_module_search">Weber BBQ&nbsp;</span><input type="button"/></div>

Как вы можете увидеть первый DIV я прилагаемую Дэйва к классу, но задавался вопросом, что уборщик путь будет все еще сохраняя контроль над каждым элементом DIV. Я могу дать каждому из divs id, но снова не хотел генерировать тонны js-кода.

источник

2012-02-14 422

В вашей разметке и на вашей скрипке нет ввода! – gdoron

Вы всегда можете попробовать использовать переменную '$ (this)' в таких случаях. Вот более старая ссылка на то, что '$ (this)' is: http://remysharp.com/2007/04/12/jquerys-this-demystified/ В основном ... это _can_ будет использоваться, чтобы вы могли проверить, что ссылка была нажата ... и затем узнать информацию о том, какой ящик окружает ссылку, которая была нажата, и т. д. – summea

кнопка была заменена изображением. – 422

Изменение:

$("input").click(function() { 
    $("div").remove('.dave'); 
});

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

Так в основном, если вы звоните это в анонимной функции JQuery это указывает на объект, назвав его, что в этом случае ваша кнопка. Затем вы получите родительский элемент кнопки и удалите это.

источник

2012-02-14 05:33:39

Отличное спасибо @ TBohnen.jnr – 422

Пожалуйста, см. Сообщение TBohnen.jnr для получения окончательного ответа.

источник

2012-02-14 05:30:19 Ohgodwhy

Спасибо за это, я просто не смог получить это, чтобы стрелять? – 422

Лучше всего использовать приведенный выше код. Нет причин, чтобы сделать его более запутанным для будущих людей, нуждающихся в помощи, по той же проблеме. – Ohgodwhy

Не беспокойтесь, я сохранил ваш код, так что, когда я пойму больше, я, возможно, пойму, почему это лучший ответ :) cheers Ste – 422

удалить div onclick (с помощью remove)

ответ

Смежные вопросы