Question

我试图遍历动态元素，然后用jquery打印它，

继承我使用的代码

$('.recipe-steps #addNewStep').on('click', function () {
            var s = $('.recipe-steps .step').size() + 1;
            $('<div class="step pure-u-1-1"><textarea id="step" name="step_detail[]" class="pure-u-1" placeholder="Step ' + s + '"></textarea><a href="javascript:void(0)" class="remove" title="Remove">&times;</a></div>').appendTo($('.recipe-steps .steps'));
            return false;
        });
        $(document).on('click', '.step .remove', function () {
            $(this).parents('.step').remove();
            return false;
        });

然而它只打印出第一个元素而不是前面的元素。我创造了一个小提琴，任何人都可以看到为什么？

http://jsfiddle.net/drk8X/

Answer 1

我无法想出完美的解决方案（稍后会看一下），但我已经重新设计了这个功能。

$("body").on('input propertychange', function () {
      var outputme="";
      $('textarea').each(function (index) {
            outputme+='<br>'+(index+1) + '. ' + $(this).val();
      });
      $('#lp-step').html('<h3>Method</h3>'+outputme);
  });

这将更新＆＃34;预览＆＃34;在更改文本区域时，使用CSS Selectors缩小范围，但id建议您查看HTML并尝试简化它。

http://jsfiddle.net/drk8X/2/

试图在jQuery中循环和打印一个元素

1 个答案: