눈에 잘 띄지 않는 JavaScript - 안전한 속성?

Question

JavaScript 코드를 HTML에서 분리하려고합니다. 내가 방법을 전달하고있어 단지 매개 변수를 포함하는 속성에 온 클릭을 교환하고 싶습니다

<div onclick="return do_something_with('100566');" class="clickable">Click Me!</div> 

: 저는 현재 다음과 같습니다 코드가 있습니다.

나는 다음 코드 유형이에 대한 jQuery를 사용하고 있습니다 :

var $j = jQuery; 
$j(function(){ 
    $j('.clickable').live('click',function(){ 
     param = $j(this).attr('attribute_name'); 
     do_something(param); 
    }); 
}); 

내가이 매개 변수 값을 전달하기위한 안전 할 것 'ATTRIBUTE_NAME'에 사용할 수있는 어떤 속성

? 나는 id를 사용할 수 있다는 것을 알고 있지만, DOM의 다른 위치에 동일한 id를 가진 요소를 이미 정의했을 것이다.

제안 사항?

Answer 1

왜 a 태그를 만드시겠습니까? 앵커 (#someThing) 부분을 사용하거나 rel 특성을 사용하는 사이트가 여러 곳 있습니다.

Answer 2

class 또는 title 속성을 공백으로 구분 된 매개 변수 목록으로 사용할 수 있습니다. 제목의 단점은 당신의 요소가 공중 선회 한 때 팝업으로 표시 할 것입니다 :

<div class="clickable param1 param2 param3"> 

또는

<div class="clickable" title="param1 param2 param3"> 

여기 당신도 고려해 볼 수 있습니다 other attributes의 목록입니다.

Answer 3

나 자신은 종종 고유하거나 비어있는 <span>에 데이터를 첨부하기 위해 id을 사용합니다.

Answer 4

의 div에 rel 태그를 사용할 수 없습니까? doSomething에 1 개의 매개 변수 또는 n 개의 매개 변수를 전달할 수 있습니다. 그래서 지금 PARAM이 해봐요을 보낼 때

<div> 
    <a class="clickable" rel="param1 param2 param3">Click Me!</a> 
</div> 

그 것이다 매개 변수를 통해 전송 된 것을 확인하는 데 사용할 수 있습니다 param.indexOf("param1") 공백으로 구분 된 목록?

Answer 5

나는 보통 Client-100566 같은 의미있는 접두사를 추가 한 다음이 코드를 사용하여 액세스 :

var param = $(this).attr("id").split("-")[1]; 

편집 : 제거 제안을 무효 모든 숫자 ID 토큰.

Answer 6

속성 이름만으로 구성 할 수 있습니다.

<div onclick="foo();" silkyvalue="12938">hello</div> 

나는 일반적으로 'my_somethingID'와 같은 이름 지정 형식을 사용합니다.