如何添加新的類和屬性，如果它在頁面上存在

我需要在我的母版頁上嘗試查找div是否存在的JavaScript代碼。如果是這樣，它應該添加一個新的類，並添加一個新的ID屬性。如何添加新的類和屬性，如果它在頁面上存在

例如，如果頁面有這個div：

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

然後JavaScript代碼應該使它完全一樣：

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

的DIV中的代碼應該保持不變。

來源

2012-07-23 khawarPK

幾乎同樣的問題是'ID-adi'一個有效的屬性？ – 11684 2012-07-23 19:06:10

你有什麼嘗試？提供你的腳本。這應該是一個簡單的事情，選擇div，添加類，並添加您的自定義屬性（我建議做爲一個數據屬性） – MrOBrian 2012-07-23 19:06:49

感謝大家下面的代碼爲我工作

<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

來源

2012-07-23 20:34:17 khawarPK

爲我工作。 – 2016-07-22 07:49:57

你就不能這樣做：

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

，因爲如果它不存在，比它不會添加一個類。

來源

2012-07-23 19:09:03 ChrisThompson

您嘗試設置的atrribute無效，請按照某人的說法使用類似data-*的內容。

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

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

來源

2012-07-23 19:10:45

的id-adi屬性不是有效的HTML屬性，但如果你想無論如何設置它：

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

FIDDLE

來源

2012-07-23 19:19:55 adeneo

如何添加新的類和屬性，如果它在頁面上存在

回答

相關問題