Как выбрать элемент по имени с помощью jQuery?

Опубликовано: 23 Декабря, 2021

Элемент можно выбрать по атрибуту name двумя способами:

Метод 1. Использование метода выбора имени

Селектор атрибута name может использоваться для выбора элемента по его имени. Этот селектор выбирает элементы, значение которых точно равно указанному значению.

Синтаксис:

 [name = "nameOfElement"]

Пример:

Выход:

Перед нажатием кнопки:
После нажатия кнопки:

Метод 2: использование JavaScript для получения элемента по имени и передачи его в jQuery

Для выбора необходимого элемента можно использовать метод JavaScript getElementsByName (), который можно передать функции jQuery для дальнейшего использования в качестве объекта jQuery.

Синтаксис:

селектор = document.getElementsByName ('nameOfElement');
element = $ (селектор);

Пример:

 <!DOCTYPE html>
 < html >
 
< head >
    < title >How to select an element by name with jQuery?</ title >
 </ head >
 
< body >
    < center >
        < h1 style = "color: green" >GeeksforGeeks</ h1 >
        < b >How to select an element by name with jQuery?</ b >
        < p >
            The textbox below has the < b >name attribute 'address'.</ b >
            < form >
                < textarea rows = "4" cols = "40" name = "address" ></ textarea >
            </ form >
        </ p >
        < p >
            The textbox below has the < b >name attribute 'area'.</ b >
            < form >
                < input type = "text" name = "area" >
            </ form >
        </ p >
        < p >Click on the button to hide the
             input with the name 'address'</ p >
        < button onclick = "selectByName()" >
                Click to hide the address input
        </ button >
        < script src = " https://code.jquery.com/jquery-3.3.1.min.js " >
        </ script >
        < script type = "text/javascript" >
            function selectByName() {
                selector = document.getElementsByName('address');
                element = $(selector);
 
                // hide the element
                element.hide();
            }
        </ script >
    </ center >
 </ body >
 
</ html > 

Выход:

Перед нажатием кнопки:
После нажатия кнопки:

JQuery Picked

Как выбрать элемент по имени с помощью jQuery?

РЕКОМЕНДУЕМЫЕ СТАТЬИ