如何使用Javascript向div的內部HTML添加類？

我正在努力解決Wordpress看似不可能的定製問題。以下是<?php the_category();?>打印出：如何使用Javascript向div的內部HTML添加類？

<ul class="post-categories" > 
<li> 
    <a rel="category-tag" title="..." href="...">Category One</a> 
</li> 
<li> 
    etc. 
</li> 
</ul>

我需要添加/插入一個類到所有<a>的，使它看起來像這樣：

<ul class="post-categories" > 
<li> 
    <a class="btn" rel="category-tag" title="..." href="...">Category One</a> 
</li> 
<li> 
    etc. 
</li> 
</ul>

到目前爲止，我只是完成找到了將附加類分配給具有現有ID或類的元素的方法。非常感謝您的幫助！

來源

2013-03-26 user2213177

使用jQuery addClass – 2013-03-26 20:11:29

這似乎並沒有在所有不可能的。你試過什麼了？ – 2013-03-26 20:12:57

嗯 - 我的意思是不使用js是不可能的......他們使得很難改變某些模板。 – user2213177 2013-03-26 20:46:39

既然標題說使用JavaScript

試試這個了JavaScript解決方案：

var links = document.getElementsByTagName("a"); 

for (var i = 0; i < links.length; i++) 
{ 
    if (links[i].parentNode.className == "post-categories") 
    { 
     links[i].className = "btn"; 
    } 
}

或者如果你與孩子們下來，你可以使用jQuery，你可以這樣做：

$(".post-categories > a").addClass("btn");

來源

2013-03-26 20:10:58 mattytommo

它會爲所有鏈接添加'.btn'。 – dfsq 2013-03-26 20:13:25

他已經聲明他正在使用jquery或者至少使用了jquery標籤，所以你不需要將jquery用戶放在前面！ ^^ – Kevkong 2013-03-26 20:15:12

@Kevkong我帶着問題標題，但給了OP兩種選擇：P – mattytommo 2013-03-26 20:16:29

使用jQuery：

$(".post-categories a").addClass("btn");

來源

2013-03-26 20:12:20 Floremin

非常感謝！在碰到W3教程後，我剛剛回答自己的問題。我無法相信我在谷歌搜索中沒有遇到像這樣的更長的字符串。所以很簡單。對不起骨頭... – user2213177 2013-03-26 20:54:45

使用jQuery

$(function() { 
$(".post-categories a").addClass("btn"); 
})

來源

2013-03-26 20:13:08

如何使用Javascript向div的內部HTML添加類？

回答

相關問題