解决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);

 

转载于:https://www.cnblogs.com/jenqz/p/3526649.html