jQuery使用「子查詢」

Question

我很中肯地肯定答案已經回答，我的問題是我不知道甚至要問什麼。

我試圖動態地添加已經通過克隆，並改變這些值現有的HTML div的，我遇到了一個問題

HMTL：

<div class="worldRow"> 
     <div class="worldProperties">Name</div> 
     <div class="worldProperties worldName">World name</div> 
     <div class="worldProperties">Population</div> 
     <div class="worldProperties worldPopulation">50</div> 
     <div class="worldProperties">Occupency</div> 
     <div class="worldProperties worldOccupency">45%</div> 
    </div> 

的Javascript：

function addWorld(data){ 
    var row = $('#fakeWorldList .worldRow').clone(); 
    row = $(row).attr('id',data.worldId); 
    $(row).('.worldName').value('this will never work, halp.'); 
} 

在我的JavaScript中，在我的函數的最後一行，我試圖設置div類與「worldName」一個新值，但我簡直不知道如何。

如果任何人都可以指出我正確的方向，它將不勝感激。

乾杯

Answer 1

您需要使用.find()尋找一個子元素

$(row).find('.worldName').text('this will never work, halp.'); 

例：

function addWorld(data){ 
    var row = $('#fakeWorldList .worldRow:first').clone(); 
    row = $(row).attr('id',data.worldId); 
    $(row).find('.worldName').text('this will never work, halp.'); 
} 

Answer 2

.value的是輸入的元素，你需要做的

$(row).find('.worldName').html('this will never work, halp.');