Question

我的母版页上需要JavaScript代码，它会尝试查找是否存在div。如果是这样，它应该添加一个新类，并添加一个新的id属性。

例如，如果页面有这个div：

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

然后JavaScript代码应该完全像这样：

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

div中的代码应该保持不变。

Answer 1

你不能这样做：

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

因为如果它不存在，那么就不会添加一个类。

Answer 2

您尝试设置的属性无效，请使用类似data-*之类的内容。

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

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

Answer 3

id-adi属性不是有效的HTML属性，但如果您仍想设置它，请执行以下操作：

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

FIDDLE

Answer 4

谢谢你们所有人以下代码对我有用

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

由于我是stackoverflow的新手，我在Add new class and attributes to div if it exists on the page

提出几乎相同的问题

如果页面上存在新的类和属性，如何向div添加新的类和属性

4 个答案: