解决jquery动态增加元素后children值没有变的问题
html代码如下:
<ul id="attr_input_panel"> <li> <div class="attr_input_item"> <label class="ui_form_label2">{$lang.attribute}:</label> <select class="querySelect text" name="attr_id[]"> <option value="0">{$lang.select_pls}</option> <!--{html_options options=$attributes}--> </select> </div> <div class="attr_input_item"> <label class="ui_form_label2">{$lang.value_options}:</label> <textarea class="text" name="value_options[]"></textarea> </div> <div class="attr_input_item"> <label class="ui_form_label2">{$lang.def_value}:</label> <input class="text" type="text" name="def_value[]" size="32" value="" /> </div> <div class="attr_input_item"> <label class="ui_form_label2">{$lang.unit}:</label> <input class="text" type="text" name="unit[]" size="8" value="" /> </div> </li> <li><input class="formbtn right" id="add_goodsattr" type="button" name="add_goodsattr" value="{$lang.add_goodsattr}" /></li> </ul>
动态增加的代码如下:
$(‘#add_goodsattr‘).click(function(){ alert($(‘#attr_input_panel‘).children().length); $(this).before(‘<li><div class="attr_input_item">‘+ ‘<label class="ui_form_label2">{$lang.attribute}:</label>‘+ ‘<select class="querySelect text" name="attr_id[]">‘+ ‘<option value="0">{$lang.select_pls}</option>‘+ ‘{html_options options=$attributes}‘+ ‘</select></div><div class="attr_input_item">‘+ ‘<label class="ui_form_label2">{$lang.value_options}:</label>‘+ ‘<textarea class="text" name="value_options[]"></textarea></div><div class="attr_input_item">‘+ ‘<label class="ui_form_label2">{$lang.def_value}:</label>‘+ ‘<input class="text" type="text" name="def_value[]" size="32" value="" /></div><div class="attr_input_item">‘+ ‘<label class="ui_form_label2">{$lang.unit}:</label>‘+ ‘<input class="text" type="text" name="unit[]" size="8" value="" /></div>‘+ ‘</li>‘); });
alert()出来的值始终是2, 网上查了一下改为find就好了。
alert($(‘#attr_input_panel‘).find(‘li‘).length);
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。