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

Answer 2

.value 用于输入元素，你需要做

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