如何在子div中插入数据?

时间:2013-09-19 13:38:22

标签: javascript jquery html css

我试图在我的块中放入一些数据时遇到了问题。我有这样的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;
};

它将数据放入所有div的class =“4”

我试图找到父级,但它只是将数据放在父级中:

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

你可以建议如何做对吗? P.S 我只使用数字作为例子。)

2 个答案:

答案 0 :(得分:2)

只要您的按钮位于div.1之下,就可以替换

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

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

编辑:就像评论说你不应该用数字开始你的类名,但我希望这只是占位符。

答案 1 :(得分:0)

我建议你用id识别你的div并使用append方法。