jquery - 在 jQuery 中添加更多行不起作用

Question

我对 jQuery 有疑问。我想制作一个动态的条款和条件表格with More Lines and More Lines in content 条件

看看这张图片:

我可以在一个条件下添加更多条件行和添加更多条件内容行

你能帮帮我吗？

这是源代码:http://jsfiddle.net/gsgw0bby/1/

                    $(".addNewLine").on('click', function(){
                    //e.preventDefault();
                     var abc = $('.addNewLine:first')[0];
                     var LineCond_Number = abc.getAttribute('id');
                     // var xyz = abc.getAttribute("data-lat");
                     //
                    if(ii_id < max_LiensConditions)
                    {
                        ii_id++;
                        $(".conditions_"+LineCond_Number+"_"+ii_id).append('<input style="width: 95%;margin-right: 3px;margin-top: 4px;background-color: #FFF;border-right: 1px solid #DDD;" name="display_price[content_condition]['+LineCond_Number+']['+ii_id+']" class="" type="text" /><div class="conditions_'+LineCond_Number+'_'+(ii_id+1)+'"></div>'); //add input box
                    }
                    return false;
                });

Answer 1

第一个问题:

由于元素是动态的，您需要使用委托(delegate)事件处理程序，附加到不变的祖先元素。 document 是默认值，如果没有其他更接近/方便的话:

  $(document).on("click", ".addNewLine", function(){

第二个问题是您随后通过选择器而不是this

访问相同的元素

    var abc = $('.addNewLine:first')[0];  <<< WRONG!!!

改为这样做:

    var $abc = $(this);

然后您从元素中获取一个 id:

    var LineCond_Number = abc.getAttribute('id');

这可能成为 jQuery 的等价物:

    var LineCond_Number = $abc.attr('id');

在这些问题之后我对你的代码有点迷茫 :)