div에 새로운 클래스 및 속성을 추가하는 방법

Question

div가 있는지 찾아 보려면 내 마스터 페이지에서 JavaScript 코드가 필요합니다. 그렇다면 새로운 클래스를 추가하고 새로운 id 속성을 추가해야합니다. 예를 들어

페이지가이 사업부가있는 경우 :

<div id="Top" class="toplink">abc..</div> 

그런 다음 자바 스크립트 코드는 다음과 같이 정확히를해야한다 :

이

<div id="Top" class="toplink adin" id-adi="114">abc..</div> 

사업부 내부의 코드는 동일하게 유지해야합니다.

Answer 1

감사합니다

<script src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.2.js" type="text/javascript"></script> 
<script type="text/javascript"> 
jQuery(document).ready(function($) { 
    if ($('.toplink').length > 0) { 
     $('.toplink').addClass('adin').attr('data-aid', '114'); 
    } 
}); 
</script> 

내가 유래에 새로운 오전으로

iamruss, 내가 Add new class and attributes to div if it exists on the page

Answer 2

당신은 할 수 없습니다 : 존재하지 않는 경우

$('#Top').addClass("toplink adin") 

때문에,이 클래스를 추가하지 않습니다보다.

Answer 3

설정하려는 속성이 유효하지 않습니다. 누군가가 말한 것처럼 data-*과 같은 것을 사용하십시오.

jQuery.fn.exists = function(){return this.length>0;} 

    if ($('#Top').exists()) { 
     $('#Top').addClass('adin').attr('data-adi', '114'); 
    } 

Answer 4

는 id-adi 속성은 유효한 HTML 속성 아니지만, 어쨌든 그것을 설정하려는 경우 수행 : 당신의 모든 다음 코드는 나를 위해 노력하고 있습니다

if ($("#Top").length) { 
    $("#Top").addClass('adin').attr('id-adi', 114); 
} 

FIDDLE