javascript - Javascript を使用して div の内部 HTML にクラスを追加するにはどうすればよいですか?

Question

Wordpress の一見不可能なカスタマイズを回避しようとしています。<?php the_category();?>印刷されるものは次のとおりです。

<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 またはクラスを持つ要素に追加のクラスを割り当てる方法しか見つけられませんでした。よろしくお願いします。

Answer 1

jQuery の使用:

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

Answer 2

タイトルに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");

Answer 3

jqueryを使う

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