Comment ajouter une nouvelle classe et des attributs à div s'il existe sur la page

J'ai besoin de code JavaScript sur ma page maître qui essaie de trouver si un div existe. Si c'est le cas, il devrait ajouter une nouvelle classe et ajouter un nouvel attribut id.

Par exemple, si la page possède cette div:

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

Alors, le code JavaScript devrait le faire exactement comme ceci:

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

Le code à l'intérieur du div devrait rester le même.

Ne peux-tu pas le faire?

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

Parce que s'il n'existe pas, il n'ajoute pas une classe.

L'attribution que vous essayez de définir n'est pas valide, utilisez quelque chose comme des data-* comme quelqu'un l'a dit.

  jQuery.fn.exists = function(){return this.length>0;} if ($('#Top').exists()) { $('#Top').addClass('adin').attr('data-adi', '114'); } 

L'attribut id-adi n'est pas un attribut HTML valide, mais si vous souhaitez le configurer de toute façon, procédez comme suit:

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

VIOLON

Merci à tous que le code suivant fonctionne pour moi

 <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> 

Répondu par iamruss

Comme je suis nouveau sur stackoverflow, je pose la même question à Add new class et les attributs à div s'il existe sur la page