jQuery를 사용하여 사용자 정의 속성의 값을 얻으려면 어떻게해야합니까?

Question

jQuery를 사용하여 사용자 지정 특성 값을 얻는 방법은 무엇입니까? ELEMENT-ID이 요소 id에 대한 자리 표시 자입니다

<a href="" custom="this value"> 

Answer 1

var value = $('#ELEMENT-ID').attr('the-attribute'); 

. 그들이 무시됩니다 거의 모든 최신 브라우저 불구하고 사용자 정의 속성이 유효한 HTML 아니라는 것을

는

DEMO

참고.

어떤 방법, 당신은 사용자 정의를 제공해야합니다 같은 data-의 접두사를 속성 :
data-the-attribute

이 값 얻기 위해 jQuery를 data를 사용할 수 있습니다

var value = $('#ELEMENT-ID').data('the-attribute'); 

DEMO

Answer 2

그 동안을 실제로 사용자 지정 특성을 설정하고 검색 할 수 있으므로 data-* 시스템을 사용하는 것이 좋습니다.

예 HTML :

<p id="someElement" data-myValue="myValue"> Hello world </p> 

예 자바 스크립트 :

// to get a data-* attribute: 
var someVariable = $("#someElement").data("myValue"); 

// to set a data-* attribute: 
$("#someElement").data("myValue", someVariable); 

Answer 3

예를 들어 사용자 정의 이름이 "속성, 다음을 사용 custom"

var mycustomattributevalue = $("a").attr("custom");