Множество атрибутов с jquery

Question

Где-то я ошибся в btn.attr(), но не могу его найти. Или, видимо, это не работает, как я думал, это так, так что теперь я смущен. Я мог бы сделать это в javascript с помощью «с», но мне бы хотелось узнать, как это сделать в jquery. Так вот код:

function setattr(id, value) { 
    var btn = document.createElement('input'); 
    btn.setAttribute('type', 'button'); 
    btn.attr({ 
     id: id, 
     class: "btnclass", 
     value: "value" 
     });}; 

Мог ли я также использовать $ (это) как-то?

Answer 1

Это правильный путь, но

• у вас есть проблемы синтаксиса (строка "value" не замкнут)
• btn является DOM элемент, а не JQuery один
• class зарезервированное слово

Сделайте это:

$(btn).attr({ 
    id: id, 
    "class": "btnclass", 
    value: "value" 
}); 

Обратите внимание, что эти ошибки должны были быть обнаружены при просмотре консоли вашего браузера.

Answer 2

Вместо:

var btn = document.createElement('input'); 
... 

Вы можете просто:

var btn = $('<input type="button" id="'+id+'" class="btnclass" value="value"/>'); 

Вы можете назначить это на свою страницу с помощью .appendTo(), .prependTo() или различных других методов JQuery предоставляет.

JSFiddle example.

Answer 3

Использование JQuery вы можете сделать это:

function setattr(id, value) { 
    var $btn = $('<input/>', { 
     id: id, 
     class: "btnclass", 
     type: 'button', 
     value: value 
    }); 
} 

Пожалуйста, не забудьте добавить новый btn к element.

Answer 4

попробовать это Demo

function setattr(id, value) { 
var btn = document.createElement('input'); 

$(btn).attr({ 
    type: 'button', 
    id: id, 
    class: "btnclass", 
    value: value 
}); 
//bind event 
$(btn).on('click', function(){ 
    alert('work....'); 
}); 
    $('body').append(btn); 
};