7

私は、答えがすでに答えられているとある程度確信しています。私の問題は、何を尋ねればいいのかわからないということです。

既存の HTML div を複製して値を変更することで動的に追加しようとしていますが、問題が発生しました

HTML :

    <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を新しい値に設定しようとしていますが、その方法がわかりません。

誰かが私を正しい方向に向けることができれば、それは大歓迎です。

乾杯

4

2 に答える 2

9

子要素を検索するには.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.');
}
于 2013-05-01T03:58:26.223 に答える
1

.value は入力要素用です。実行する必要があります

$(row).find('.worldName').html('this will never work, halp.');
于 2013-05-01T03:58:04.540 に答える