How to insert data in child div?

Question

i met a problem when tried to put some data in my block. I have div structure like this:

<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>

...

and i need to place some data only in<div class="4"></div>

when i use this 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;
};

it puts data in all div's with class = "4"

I tried to find parent, but it just put data in parent:

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

Can U advise how to make it right? P.S I used numbers just for example.)

How do you distinguish between all `.4`, i mean in which `div.4`, you want to insert the data ? — Nikhil Patel, Sep 19 '13 at 13:41
it is no good to start class and or ids with numbers have a look also here http://stackoverflow.com/questions/448981/what-characters-are-valid-in-css-class-selectors — caramba, Sep 19 '13 at 13:42
You said you want to put some data only on `
` and there is more that one div with class property set to 4. Which one do you want to put your data? — zaerymoghaddam, Sep 19 '13 at 13:42
that is it. i can put data in first .4 or in fifth .4 there are lot of them — myrko, Sep 19 '13 at 13:43

score 2 · Accepted Answer · answered Sep 19 '13 at 13:42

As long as your button is under one div.1 you can replace your

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

with

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

Edit: Like the comments say you should not start your class names with numbers, but I hope this are just placeholders.

score 0 · Answer 2 · answered Sep 19 '13 at 13:42

0

I suggest you identify your div by id and use the append method.

answered Sep 19 '13 at 13:42

stevemarvell

981
1
6
16

How to insert data in child div?

2 Answers2