Изменить содержимое div, который имеет уникальный класс

Question

Хотите изменить HTML-контент div, который имеет определенный класс, но проблема в том, что есть несколько других, и они тоже получают изменения.

<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"} 

, но как вы можете догадаться, он меняется каждый класс «х», так как я могу ограничить это только класс = «х», который вложен в div с id = "y"?

Answer 1

Использование JQuery

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

То есть все