Jak uzyskać nazwę elementu za pomocą jQuery?

Question 1

Jak uzyskać właściwość name elementu HTML za pomocą jQuery?

Question 2

Powinieneś używać w attr('name')ten sposób

 $('#yourid').attr('name')

Powinieneś użyć selektora id, jeśli używasz selektora klasy, napotkasz problemy, ponieważ zwracana jest kolekcja

Question 3

Aby odczytać właściwość obiektu, którego używasz, .propertyNamelub ["propertyName"]notację.

Nie inaczej jest w przypadku elementów.

var name = $('#item')[0].name;
var name = $('#item')[0]["name"];

Jeśli chcesz użyć jQuerymetod, użyj .prop()metody.

var name = $('#item').prop('name');

Należy pamiętać, że atrybuty i właściwości niekoniecznie są takie same.

Question 4

$('someSelectorForTheElement').attr('name');

Question 5

Pobaw się tym przykładem jsFiddle :

HTML:

<p id="foo" name="bar">Hello, world!</p>

jQuery:

$(function() {
    var name = $('#foo').attr('name');

    alert(name);
    console.log(name);
});

Wykorzystuje metodę .attr () jQuery do pobrania wartości dla pierwszego elementu w dopasowanym zestawie.

Chociaż nie jest to konkretnie jQuery, wynik jest wyświetlany jako monit alertu i zapisywany w konsoli przeglądarki .

Question 6

var name = $('#myElement').attr('name');

Question 7

Metoda .attr () pozwala na pobranie wartości atrybutu pierwszego elementu w obiekcie jQuery:

$('#myelement').attr('name');

Answer 1

133

Jak uzyskać właściwość name elementu HTML za pomocą jQuery?

jquery html Poonam Bhatt
źródło

trochę html lub nawet trochę więcej informacji o elemencie, którego nazwę chcesz, pomogłoby nam udzielić bardziej szczegółowej odpowiedzi.

Patricia

4

Służy .prop()do pobierania właściwości i .attr()atrybutów. Nie używaj .attr()nieruchomości, jak wszyscy sugerują. Pracujemy tutaj z JavaScriptem, a nie ze znacznikami HTML.

11

To powinno zostać ponownie otwarte. Asker powinien zostać nagrodzony za dotarcie do sedna sprawy i niepodawanie czegoś w stylu „Mam tę witrynę internetową, na której ...”

cantera

@ cantera25: dzięki za wskazanie tego ...

Poonam Bhatt

Answer 2

trochę html lub nawet trochę więcej informacji o elemencie, którego nazwę chcesz, pomogłoby nam udzielić bardziej szczegółowej odpowiedzi.

Patricia

Answer 3

4

Służy .prop()do pobierania właściwości i .attr()atrybutów. Nie używaj .attr()nieruchomości, jak wszyscy sugerują. Pracujemy tutaj z JavaScriptem, a nie ze znacznikami HTML.

Answer 4

11

To powinno zostać ponownie otwarte. Asker powinien zostać nagrodzony za dotarcie do sedna sprawy i niepodawanie czegoś w stylu „Mam tę witrynę internetową, na której ...”

cantera

Answer 5

@ cantera25: dzięki za wskazanie tego ...

Poonam Bhatt

Answer 6

229

Powinieneś używać w attr('name')ten sposób

 $('#yourid').attr('name')

Powinieneś użyć selektora id, jeśli używasz selektora klasy, napotkasz problemy, ponieważ zwracana jest kolekcja

Nicola Peluchetti
źródło

9

Po prostu otrzymuję niezdefiniowane wartości, kiedy używam tego lub .prop ()

HorusKol

1

Czy jest jakiś powód, aby preferować attr („name”) zamiast prop („name”)?

dallin

Użyłem $(this).attr('name');na selektorze klas $('.jobSelect').change(function() {i nie napotkałem problemów.

Ömer An

Answer 7

9

Po prostu otrzymuję niezdefiniowane wartości, kiedy używam tego lub .prop ()

HorusKol

Answer 8

1

Czy jest jakiś powód, aby preferować attr („name”) zamiast prop („name”)?

dallin

Answer 9

Użyłem $(this).attr('name');na selektorze klas $('.jobSelect').change(function() {i nie napotkałem problemów.

Ömer An

Answer 10

14

Aby odczytać właściwość obiektu, którego używasz, .propertyNamelub ["propertyName"]notację.

Nie inaczej jest w przypadku elementów.

var name = $('#item')[0].name;
var name = $('#item')[0]["name"];

Jeśli chcesz użyć jQuerymetod, użyj .prop()metody.

var name = $('#item').prop('name');

Należy pamiętać, że atrybuty i właściwości niekoniecznie są takie same.

user1106925
źródło

myślę, że prop()dotyczy właściwości logicznych, takich jak checkednie dla atrybutów

Nicola Peluchetti

2

@NicolaPeluchetti: .prop()dotyczy dowolnej właściwości elementu DOM. .attr()jest bardzo zagmatwaną metodą, która zmieniała swoje zachowanie między różnymi wersjami, czasami dając ci właściwość, innym razem atrybut. Tak czy inaczej, istnieje rozróżnienie między atrybutami a właściwościami, które należy obserwować, stosując odpowiednią metodę.

3

@NicolaPeluchetti: Oto przykład, który ilustruje różnicę między właściwościami a atrybutami.

Answer 11

myślę, że prop()dotyczy właściwości logicznych, takich jak checkednie dla atrybutów

Nicola Peluchetti

Answer 12

2

@NicolaPeluchetti: .prop()dotyczy dowolnej właściwości elementu DOM. .attr()jest bardzo zagmatwaną metodą, która zmieniała swoje zachowanie między różnymi wersjami, czasami dając ci właściwość, innym razem atrybut. Tak czy inaczej, istnieje rozróżnienie między atrybutami a właściwościami, które należy obserwować, stosując odpowiednią metodę.

Answer 13

3

@NicolaPeluchetti: Oto przykład, który ilustruje różnicę między właściwościami a atrybutami.

Answer 14

10

$('someSelectorForTheElement').attr('name');

Patrycja
źródło

powinieneś użyć selektora identyfikatora, jeśli używasz selektora klas, napotkasz problemy, ponieważ kolekcja jest zwracana

Nicola Peluchetti

2

id byłby najbardziej konkretny, tak, ale bez ich html i całkowitego braku szczegółów w pytaniu, trudno powiedzieć, jakiego selektora powinni użyć.

Patricia,

Answer 15

powinieneś użyć selektora identyfikatora, jeśli używasz selektora klas, napotkasz problemy, ponieważ kolekcja jest zwracana

Nicola Peluchetti

Answer 16

2

id byłby najbardziej konkretny, tak, ale bez ich html i całkowitego braku szczegółów w pytaniu, trudno powiedzieć, jakiego selektora powinni użyć.

Patricia,

Answer 17

Pobaw się tym przykładem jsFiddle :

HTML:

<p id="foo" name="bar">Hello, world!</p>

jQuery:

$(function() {
    var name = $('#foo').attr('name');

    alert(name);
    console.log(name);
});

Wykorzystuje metodę .attr () jQuery do pobrania wartości dla pierwszego elementu w dopasowanym zestawie.

Chociaż nie jest to konkretnie jQuery, wynik jest wyświetlany jako monit alertu i zapisywany w konsoli przeglądarki .

Answer 18

3

var name = $('#myElement').attr('name');

Dennis Traub
źródło

Answer 19

0

Metoda .attr () pozwala na pobranie wartości atrybutu pierwszego elementu w obiekcie jQuery:

$('#myelement').attr('name');

Didier Ghys
źródło

Jak uzyskać nazwę elementu za pomocą jQuery?

Odpowiedzi: