javascript - Grabbing ID Field from Element jQuery Each -


i'm trying cycle through of children in <ul> list, assign onclick event listener , use id of element event. using jquery , jquerymobile in application. reason, id property of element shows blank? when alert actual element, [objecthtmllielement]. when use devtools, id field present in of elements?

this listview

this how trying accomplish this...

function set_onclicks() {     var count = $('#main-listview').children().length;     if (count > 0)     {         $('#main-listview').children().each(function() {             this.onclick = function() {                 project_id = this.id;                 $.mobile.changepage('#main-project-page', 'slide', true, true);             }         });     } }

can point me in right direction , explain why cannot grab id? in advance help!

nathan

recent edits

i have tried implementing this, know not need bind through .each() loop.

$('#main-listview').children().click(function() {     alert(this);     alert(this.id);     project_id = this.id;     $.mobile.changepage('#main-project-page', 'slide', true, true); });

the first alert gives me [ object httmllielement ] next alert gives me blank...?

edit 2 - html example think know why now. jquerymobile adding <div> elements before adds <a> link. now, going have figure out how around this..

<ul data-role="listview" data-inset="true" data-filter="true" data-filter-theme="a" id="main-listview" class="ui-listview ui-listview-inset ui-corner-all ui-shadow">     <li data-corners="false" data-shadow="false" data-iconshadow="true" data-wrapperels="div" data-icon="arrow-r" data-iconpos="right" data-theme="a" class="ui-btn ui-btn-icon-right ui-li-has-arrow ui-li ui-first-child ui-btn-up-a">         <div class="ui-btn-inner ui-li">             <div class="ui-btn-text">                 <a id="51e0278f2a1cb33a08000002" class="ui-link-inherit">123456 - project</a>             </div>             <span class="ui-icon ui-icon-arrow-r ui-icon-shadow">&nbsp;</span>         </div>     </li> </ul>

i have no idea why using function set click event.. (and no need use loop $.each set click event each elements).

just should work

  $('#main-listview').children().click(function() {              project_id = this.id;             $.mobile.changepage('#main-project-page', 'slide', true, true);         }     });

Comments

Post a Comment

Popular posts from this blog

php - get table cell data from and place a copy in another table -

two-part question: have 2 tables: 1 table items , other table selected items copied when add button clicked. after, when items wanted selected, there 'finished' button post items selected db. i started javascript didn't far @ because jquery seems better suited i'm not familiar it function addto() { var div = document.getelementbyid('fixeddiv','inside'); div.innerhtml = div.innerhtml + 'item added'; } <div id='fixeddiv'> <table align="center" id="tradee"> <th rowspan="2"> other item</th> <?php while($rowi =$item->fetch_assoc()) {?> <tr> <td> <?php echo $rowi['item_name']; ?> </td> <td><?php echo $rowi['item_description'];?></td> </tr> <?php } ?> </table> <br> <table align="center" id="tradetable"
Read more

javascript - Mootools wait with Fx.Morph start -

i trying var effect = new fx.morph(testmorph, { wait/delay 2 seconds before starting. ( fiddle here ) but when try .wait(2000) or .delay(2000) , or .wait(2000, effect) uncaught typeerror: object [object object] has no method 'delay' any ideas how working? code i'm using: var testmorph = document.id('testmorph'); var effect = new fx.morph(testmorph, { transition: 'back:out', duration: 900, link: 'chain' }).start({ 'top': 20, 'opacity': 1 }).start({ 'border-color': '#a80025', 'color': '#a80025' }); effect.delay(2000); you can use combination of chain() , delay() achieve desired effect. new fx.morph(testmorph, { transition: 'back:out', duration: 900, link: 'chain' }).start().chain(function(){ this.start.delay(2000,effect,{ //first }); }).chain(function(){ this.start({ //second }); }); the
Read more

php - Navigate throught databse rows -

i run image hosting site, , ive run problem. want make 2 buttons beside pic "next image" , "prev image". im new php/mysql , haveing troubles. check out got. use id (numbers) find correct row, have image name build next link. how make below query next , prev image names + ids? $query_next = ("select imageid, image_name images image_name = '$image_main' order imageid desc limit 1"); $query_prev = ("select imageid, image_name images image_name = '$image_main' order imageid asc limit 1"); // next $next = mysql_query($query_next); // prev $prev = mysql_query($query_prev); while ($row = mysql_fetch_assoc($next)) { $next = $row['image_name']; } while ($row = mysql_fetch_assoc($prev)) { $prev = $row['image_name']; } the html = > simple stuff. <a href="http://mysite.com/view_image/<?=$next?>">next image</a> <a href="http://mysite.com/view_image/<?=$pr
Read more