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

时间:2014-12-11 21:21:25

标签: javascript jquery html replace

想要更改具有某个类的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”,那么如何才能将它限制在class =“x”中,它嵌套在id =“y”的div中?

1 个答案:

答案 0 :(得分:3)

使用jQuery

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

这就是全部