html - jQuery On Load Children -


I have a set of items that are dynamically added because a user chooses an option from a side menu. The more options they choose, the more items are displayed.

Some items will have a 'statistics' div and some items will not be there. What I want to do is check that the item has the 'statistics' divis, and if it does not, set the width of the 'more' div so that the empty space becomes empty from the 'stats' block.

The HTML of the generated items is:

  & lt; Div class = "item" idse = "2116082" & gt; & Lt; Div class = "ico" & gt; & Lt; / Div & gt; & Lt; Div class = "id" & gt; 2237 & lt; / Div & gt; & Lt; Div class = "time" & gt; & Lt; Span & gt; 00: 00 & lt; / Span & gt; & Lt; Period & gt; December 06 & lt; / Span & gt; & Lt; / Div & gt; & Lt; Div class = "event" & gt; & Lt; Span & gt; Test & lt; / Span & gt; & Lt; Span & gt; Test & lt; / Span & gt; & Lt; / Div & gt; & Lt; Div class = "figures" & gt; Statistics & lt; / Div & gt; & Lt; Div class = "plus" & gt; + 3 & lt; / Div & gt; & Lt; Div class = "odds" & gt; & Lt; Div class = "weird r1c1g1" id = "td_448023666" & gt; & Lt; Div title = "home" & gt; Home & lt; / Div & gt; & Lt; Div & gt; 1/2 & lt; / Div & gt; & Lt; Div class = "hnd" & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; Div class = "weird r1c2g1" id = "td_448023667" & gt; & Lt; Div title = "draw" & gt; Draw & lt; / Div & gt; & Lt; Div & gt; 7/2 & lt; / Div & gt; & Lt; Div class = "hnd" & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; Div class = "invalid r1 c3 g1" id = "td_448023668" & gt; & Lt; Div title = "away" & gt; Away & lt; / Div & gt; & Lt; Div & gt; 9/2 & lt; / Div & gt; & Lt; Div class = "hnd" & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; Div class = "sepOdds" & gt; & Lt; / Div & gt; & Lt; Div class = "endOdds" & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt;  

And here's my jQuery function:

  $ ('body'). ('' Load ',' .item ', function) (if (! $ (This). Child ('. Stats')) {$ (this). Child ('and more'). CSS ('width' , '132px');}});  

Do you mean something like this?

  $ ('document'). Load (function () {$ (". Item") • Each (function () {if (! $.) Children ('statistics'). Length) {var more = $ (this) More '); var more_width = more.width (); more.css (' width ', more_width +' 132px ');}});});  


Comments

Popular posts from this blog

java - Can't add JTree to JPanel of a JInternalFrame -

javascript - data.match(var) not working it seems -

javascript - How can I pause a jQuery .each() loop, while waiting for user input? -