jQuery's each function and array inside of it -
having trouble each function... try explain example...
in code, there div id "media-type-container-1", content changes "live", in runtime:
<div id="media-type-container-1"> <div><input type="checkbox">media 11<span id="media-stations-id-11" class="media-stations-id">11</span></div> <div><input type="checkbox">media 12<span id="media-stations-id-12" class="media-stations-id">12</span></div> </div>
if changes, can chnanged ie:
<div id="media-type-container-1"> <div><input type="checkbox">media 13<span id="media-stations-id-13" class="media-stations-id">13</span></div> <div><input type="checkbox">media 14<span id="media-stations-id-14" class="media-stations-id">14</span></div> </div>
to list of "media-stations-id" use following code:
$("#add-to-filter-stations").live("click", function() { var selectedmediastations = new array(); selectedmediastations.length = 0; $('#media-type-container-1').each(function(){ $('.media-stations-id').each(function(){ selectedmediastations.push($(this).attr('id').replace("media-stations-id-", "")); }) }); }
in mentioned example, array selectedmediastations elements 11, 12, 13 , 14, instead of 13 , 14.
what i'm doing wrong, cannot "start" empty array every time live function?
why don't try
var selectedmediastations = $('.media-stations-id').map(function(){ return $(this).attr('id').replace('media-stations-id-',''); }); // [13, 14]
Comments
Post a Comment