maybe:
$("#C2 > div").each(function() { $(this).html("" + data["Data" +
this.className]); }
untested, but it seems like it would work fine *as long* as the only
class applied to those children <div>'s is that single letter or what
not
On Sep 1, 11:52 am, Keo <kenneth.d.far...@gmail.com> wrote:
> Hello, I use Jquery on a web page that serves constant updates to the
> User. I'm wondering if there is a more efficient method for updating
> the content divs.
>
> A simplified view of the layout I use is this.
> <DIV ID = "C1" class="content">
> <DIV Class="A"></DIV>
> <DIV Class="B"></DIV
> <DIV Class="C"></DIV
> <DIV Class="D"></DIV
> <DIV Class="E"></DIV
> <DIV Class="F"></DIV
> </DIV>
> <DIV ID = "C2" class="content">
> <DIV Class="A"></DIV>
> <DIV Class="B"></DIV
> <DIV Class="C"></DIV
> <DIV Class="D"></DIV
> <DIV Class="E"></DIV
> <DIV Class="F"></DIV
> </DIV>
> <DIV ID = "C3" class="content">
> <DIV Class="A"></DIV>
> <DIV Class="B"></DIV
> <DIV Class="C"></DIV
> <DIV Class="D"></DIV
> <DIV Class="E"></DIV
> <DIV Class="F"></DIV
> </DIV>
>
> and so on..
>
> Right now I have the server send back data via getJSON.
> The data coming back can contain updates for any of the Divs. But if a
> div is being updated, I update all of the children divs.
>
> The basic steps I follow are.
> I set a variable to the content div being updated.
> Then do individual finds to update the child div.
>
> Example to update content div 2 would be like.
> wrkDiv = $("#C2");
> wrkDiv.find(".A").html(data.DataA);
> wrkDiv.find(".B").html(data.DataB);
> wrkDiv.find(".C").html(data.DataC);
> wrkDiv.find(".D").html(data.DataD);
> wrkDiv.find(".E").html(data.DataE);
> wrkDiv.find(".F").html(data.DataF);
>
> I know it may be faster to pre_build a string of all the childern divs
> and then just replace the content div's HTML like this ($("#C2").html
> ("<div class="A ... and so on;
> but there may be more items under the content div than listed.
>
> Just wondering if there was an easier way. Thanks.
