c# - 如果页面上存在 div，则将新的类和属性添加到 div

Question

可能重复：
如果页面上存在 div，如何向 div 添加新类和属性

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

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

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

<div class="toplink adin" data-aid="114">abc..</div>

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

我试过这段代码，但这不起作用

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

这段代码有什么问题？我把这段代码放在什么地方，在页脚的页眉中？我可以用javascript而不是jquery来做到这一点吗

Answer 1

代替

.attr('data-aid','114')

使用.data方法：

.data('aid','114')

http://api.jquery.com/data

Answer 2

尝试使用 $().length 属性，并将此代码段放在页面的最底部，然后关闭 body 标记

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

Answer 3

您的代码可能只是在 DOM 准备好之前才运行。包装如下：

$(function() {
    $('.toplink').addClass('adin').attr('data-aid', '114');
});