Установите .attr на динамически создаваемую кнопку

Question

Я пытаюсь пройти val с кнопкой динамического создания.

Сначала я кнопку создать с помощью этого кода:

<td id=\"row-delete" + length + "\" class=\"row-status\"> 
    <input type='image' id='btnDel' src='Images/trash.png' style='height:24px;width:24px;' /> 
</td> 

Эта линия добавить свою кнопку в столбце таблицы.

После того, что я пытаюсь добавить параметр к этой кнопке:

$("#btnDel").attr("val", "test value"); 

А на и кнопки для мыши я использую:

$('#file-list').on('click', '#btnDel', function() { 
    alert(this.val); 
}); 

По щелчку я всегда получаю undefined, если я пытаюсь использовать id не вал, чем я получаю btnDel, а не test-value.

Могу ли я передать что-то с динамически созданной кнопкой?

Благодаря

Answer 1

В обработчике this является DOM объект, а не объект JQuery. Вы можете либо сделать this.getAttribute('val'), либо $(this).attr('val').

Также обратите внимание, что пользовательские атрибуты HTML5 должны начинаться с data-.

$("#btnDel").attr("data-val", "test value"); 

Затем вы можете использовать this.dataset.val или $(this).data('val').