С помощью jQuery найти по атрибуту и заменить другой атрибут?

Question

[William]

Как с помощью jQuery найти строку по атрибуту name="name666" и заменить input type?

<input type="text" name="name666">

заменить на:

<input type="tel" name="name666">

Answer 1

[Tim]

Нативный

document.querySelectorAll("[name='name666']").forEach(i => i.type = 'tel')

jquery
$("[name='name666']").attr('type', 'tel');

Answer 2

[Simkav]

document.querySelectorAll("[name='name666']")
И даже жквери не нужен

Comments

[William]

var tel = document.querySelectorAll("[name='name666']");
$(tel).attr('type', 'tel');

вроде бы правильно?

[Simkav]

William,
Если у вас он один то

document.querySelector("[name='name666']").setAttribute('type', 'tel');

Если нескольо то querySelectorAll и проходитесь по всем нодам

Answer 3

[Vlad Volkov]

$('.form').find('input:text').each(function() {
   $("<input type='tel' />").attr({ name: this.name }).insertBefore(this);
}).remove();

Comments

[William]

Работает, но стирает все последующие атрибуты....
https://jsfiddle.net/r32Loxd9/

[Vlad Volkov]

$(".form").find("[name='name666'] ").each(function() {
    $(" <input type='tel' /> ").attr({ name: this.name, placeholder: this.placeholder }).insertBefore(this);
}).remove();

Это есть поиск по name, сперва не то написал немного

Answer 4

[UthvfyV]

$('input[name="name666"]').attr('type', 'tel');