javascript - 子divにデータを挿入するには?

Question

ブロックにデータを入れようとしたときに問題が発生しました。私はこのようなdiv構造を持っています:

<div class="1">
    <div class="2">
        <div class="3">
            <div class="4"></div>
         </div>
         <div class="5"></div>
    </div>
</div>
 <div class="1">
    <div class="2">
        <div class="3">
            <div class="4"></div>
         </div>
         <div class="5"></div>
    </div>
</div>

...

そして、私はいくつかのデータを配置する必要があります<div class="4"></div>

このJSを使用する場合:

function sendDataChild(btn) {
var form = $(btn).closest('FORM[name=answer-form]');
var data = form.serialize();
$.ajax({
    type: "POST",
    url: url,
    dataType: "json",
    data: data,
    cache: false,
    success: function (data) {
        form[0].reset();
        $("div.4").html(data.error_name);
    },
    error: function (xhr, str) {
        alert('Возникла ошибка: ' + xhr.responseCode);
    }
});
return false;
};

クラス=「4」のすべてのdivにデータを配置します

親を見つけようとしましたが、データを親に入れるだけです:

$("div.4").parent().html(data.error_name);

それを正しくする方法をアドバイスできますか？PS 例として数字を使用しました。)

Answer 1

ボタンが 1 の下にある限り、あなたのボタンdiv.1を置き換えることができます。

$("div.4").html(data.error_name);

と

$(btn).closest("div.1").find("div.4").html(data.error_name);

編集：コメントのように、クラス名を数字で始めるべきではありませんが、これが単なるプレースホルダーであることを願っています。

Answer 2

id で div を識別し、append メソッドを使用することをお勧めします。