How to add new class and attributes to div if it exists on the page [closed]

Answer 1

The id-adi attribute is not a valid HTML attribute, but if you wish to set it anyway do:

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

FIDDLE

Answer 2

can't you just do:

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

because if it doesn't exist, than it won't add a class.

Answer 3

The atrribute you are trying to set is not valid, use something like data-* as someone said.

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

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

Answer 4

Thanks all of you following code is working for me

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

answered by iamruss

As i am new to stackoverflow, i ask almost same question at Add new class and attributes to div if it exists on the page