how do i get div childs from jquery/javascript in this example? -
i'm trying access div's child using jquery's .eq() function, looks something's wrong, despite fact not throwing error, looks when .innerhtml desired child div element, nothing happens.
this html:
<div id="status_container"> <div class="status_item_wrapper"> <div class="status_item_title"> <span>title 1</span> </div> <div class="status_item_content"> <table id="box-table"></table> </div> </div> <div class="status_item_wrapper"> <div class="status_item_title"> <span>title 2</span> </div> <div class="status_item_content"> <table id="box-table"></table> </div> </div> </div>
and javascript:
function dosomething(message) { var data = message.data; var index_container = 0; var container = $("#status_container").eq(0); var content_wrapper = container.eq(1); // content div of each child content_wrapper.html(json.stringify(data)); }
i thought "title 1" status_item_wrapper div, , then, content_wrapper contain "status_item_content" object.
how supposed reach "status_item_content" div first parent "status_container"?
thanks.
content_wrapper
jquery object, eq()
returns, , does'nt have innerhtml
method, should use jquery's html()
:
content_wrapper.html( json.stringify(data) );
to return native dom element instead, can use get()
, , :
var content_wrapper = container.get(1); content_wrapper.innerhtml = json.stringify(data);
edit:
now you've added container
, there issues. eq()
element in collection of elements based on 0 based index, , you're using id selector, there should'nt collection, id's unique, , should select 1 single element.
if you're trying select second child inside #status_container
element, you'd do
var content_wrapper = $("#status_container").children().eq(1);
Comments
Post a Comment