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中,在我的函数的最后一行,我试图用类"worldName"设置div一个新值,但我根本无法弄清楚如何.

如果有人能指出我正确的方向,那将非常感激.

干杯

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.');
}