Traversing with jQuery -
i have function adds new unordered list item. i'd set 1 of element's values in newly created list item value based on value in list item above new one.
for instance, if have like:
<form id="form" action=""> <ul id="list1" class="listing"> <li id="input1" class="item"> <input id="descr1" class="descr" type="text" value="" name="descr1" /> <input id="group1" class="group" type="text" value="" name="group1" /> <input id="order1" class="order_field" type="text" value="4" name="order1" /> <input id="row1" class="checkbox" type="checkbox" value="1" name="select_row1" /> </li> <li id="input2" class="item"> <input id="descr2" class="descr" type="text" value="" name="descr2" /> <input id="group2" class="group" type="text" value="" name="group2" /> <input id="order2" class="order_field" type="text" value="5" name="order2" /> <input id="row2" class="checkbox" type="checkbox" value="2" name="select_row2" /> </li> </ul>
if run function creates new list item, want value in #order2 incremented 1 , new list item (that have #order3) set 6. example, after have created new list item this:
<li id="input3" class="item"> <input id="descr3" class="descr" type="text" value="" name="descr3" /> <input id="group3" class="group" type="text" value="" name="group3" /> <input id="order3" class="order_field" type="text" value="6" name="order3" /> <input id="row3" class="checkbox" type="checkbox" value="3" name="select_row3" /> </li>
i need find way last list item , value class .order_field , use value (+1) when create new list item. issue i'm not sure how put selector getting last list item's .order_field value.
i hope makes sense.
thanks, shawn
it's simply:
var value = $('#list1 li:last .order_field').val();
you have convert value number, can using parseint
or unary +
:
var newvalue = parseint(value, 10) + 1; // or var newvalue = +value + 1;
Comments
Post a Comment