Javascript / JQuery, как ссылаться на созданный элемент

Question

Javascript / JQuery, как ссылаться на созданный элемент

0

В JQuery, я использую кнопки для создания элементов, а затем ссылающиеся на кнопку щелкнула с помощью this. Например:

$(".addphoto").click(function(){
    photo_count++;
    $(this).parent().before("<label>Add Photo: <input type='file' name='photo[" + photo_count + "]'></label>");
    });

Я хотел сделать то же самое с кнопкой, созданной скриптом, но поскольку jQuery может использовать только те .on() которые существовали при загрузке, я нацелил document и использовал .on() вместо:

$(document).on("click", ".addphoto", function(){
    photo_count++;
    $(this).parent().before("<label>Add Photo: <input type='file' name='photo[" + photo_count + "]'></label>");
    });

Проблема в том, что теперь this относится к document а не к кнопке, которая была просто нажата. Как я могу ссылаться на эту кнопку?

jaimelejam 02 май 2014, в 06:50

Источник

2

нет, this все еще относится к нажатой кнопке
Arun P Johny 02 май 2014, в 04:18
0

см. jsfiddle.net/arunpjohny/PLk2G/1
Arun P Johny 02 май 2014, в 04:20
0

это делегирование события, и все же это контекст addphoto
Bhojendra Rauniyar 02 май 2014, в 04:21
0

пожалуйста, укажите ваш HTML
Sudharsan S 02 май 2014, в 04:27
0

поделитесь скриптом для динамического создания кнопок
Bhushan Kawadkar 02 май 2014, в 04:37

Показать ещё 3 комментария

Теги:

javascript

jquery

3 ответа

Ещё вопросы

нет, this все еще относится к нажатой кнопке
это делегирование события, и все же это контекст addphoto
поделитесь скриптом для динамического создания кнопок

Suba S · Answer 1 · 2014-05-02T04-10-00.000Z

Попробуйте использовать .live() вместо метода .click().

Ссылка Ссылка для живого метода.

Изменение: добавлю краткое описание.

.live() привязывает обработчик событий для всех элементов, которые соответствуют текущему селектору, сейчас и в будущем.

Jack · Answer 2 · 2014-05-02T03-16-00.000Z

Вместо $(this) передайте свое событие и ссылку $(e.currentTarget).

$(document).on("click", ".addphoto", function(e){
    photo_count++;
    $(e.currentTarget).parent().before("<label>Add Photo: <input type='file' name='photo[" + photo_count + "]'></label>");
});

Srulis · Answer 3 · 2014-05-02T02-20-00.000Z

Если вы укажете исходную кнопку ID, вы можете ссылаться на нее с помощью функции.click().

HTML

<div class="x">
    <div>
        <button class="addphoto" id="addPhotoButton">addphoto</button>
    </div>
</div>

Javascript (JQuery)

var photo_count = 0;
$('#addPhotoButton').click(function () {
    photo_count++;
    $(this).parent().before("<div><label>Add Photo: <input type='file' name='photo[" + photo_count + "]' id='addPhotoID_"+photo_count+"'></label></div>");
});

URL JSfiddle: http://jsfiddle.net/PLk2G/5/