javascript - 更改具有非唯一类的 div 的内容

Question

想要更改具有特定类的 div 的 HTML 内容，但问题是还有其他几个类，它们也得到了更改。

<div class="x"></div>
<div id="y"><div class"x">Change this</div></div>
<div class="x"></div>

我正在努力

    function ReplaceContentInContainer(matchClass,content)
    {
    var elems = document.getElementsByTagName('*'),i;
    for (i in elems)
        {
        if((" "+elems[i].className+" ").indexOf(" "+matchClass+" ") > -1)
            {
            elems[i].innerHTML = content;
            }
        }
    }

window.onload = function ()
    {
    ReplaceContentInContainer("x","Success"}

但是你可以猜到它会改变每个类“x”，那么我如何才能将其限制为仅嵌套在 id="y"的 div 中的 class="x"？

Answer 1

使用 jQuery

$("#y .x").html("changed it");

仅此而已