jQuery로 요소 이름을 어떻게 얻을 수 있습니까?


130

jQuery로 HTML 요소의 이름 속성을 어떻게 얻을 수 있습니까?


html 또는 원하는 요소에 대한 조금 더 자세한 정보를 통해보다 구체적인 답변을 얻을 수 있습니다.
Patricia

4
사용 .prop()특성을 얻기 위해, 그리고 .attr()특성을 얻을 수 있습니다. .attr()모두가 제안한대로 재산을 얻는 데 사용하지 마십시오 . HTML 마크 업이 아닌 JavaScript로 작업하고 있습니다.

11
다시 열어야합니다. Asker는 요점을 파악하고 "이 웹 사이트를 가지고 있습니다 ..."와 같은 문구를 사용하지 않은 것에 대해 보상을 받아야합니다.
cantera

@ cantera25 : 이것을 지적 해 주셔서 감사합니다 ..
Poonam Bhatt

답변:


221

attr('name')이런 식으로 사용해야 합니다

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

클래스 선택기를 사용하는 경우 컬렉션이 반환되어 문제가 발생하면 id 선택기를 사용해야합니다.


8
this 또는 .prop ()를 사용할 때 정의되지 않은 값이 표시됩니다.
HorusKol

1
prop ( 'name')보다 attr ( 'name')을 선호하는 이유가 있습니까?
dallin

$(this).attr('name');클래스 선택기에서 사용 $('.jobSelect').change(function() {했지만 문제가 발생하지 않았습니다.
Ömer An

14

사용 .propertyName하거나 ["propertyName"]표기 한 객체의 속성을 읽습니다 .

이것은 요소와 다르지 않습니다.

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

jQuery메소드 를 구체적으로 사용하려면 메소드를 사용하십시오 .prop().

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

속성과 속성이 반드시 같을 필요는 없습니다.


나는 prop()속성이 checked아닌 부울 속성에 대한 것 같아
Nicola Peluchetti

2
@NicolaPeluchetti : .prop()는 DOM 요소의 모든 속성을위한 것입니다. .attr()여러 릴리스 사이에서 동작을 변경하여 때로는 속성을 다른 속성으로 제공하는 매우 혼란스러운 방법입니다. 어느 쪽이든, 적절한 방법을 사용하여 관찰해야하는 속성과 속성 사이에는 차이가 있습니다.

3
@NicolaPeluchetti : 다음 은 속성과 속성의 차이를 보여주는 입니다.

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

클래스 선택기를 사용하는 경우 컬렉션이 반환되어 문제가 발생합니다.
Nicola Peluchetti

2
id는 가장 구체적이지만 html과 질문에 대한 세부 사항이 없으면 어떤 선택기를 사용 해야하는지 말하기가 어렵습니다.
Patricia

5

jsFiddle 예제로 놀아보십시오 .

HTML :

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

jQuery :

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

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

이것은 jQuery의 .attr () 메소드를 사용하여 일치하는 세트의 첫 번째 요소에 대한 값을 가져옵니다.

특별히 jQuery는 아니지만 결과는 경고 프롬프트 로 표시되고 브라우저 콘솔에 기록 됩니다 .



당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.