Question

我想在点击按钮后添加元素，如下所示：当我单击Schedule按钮元素文本时会出现当我单击Agenda按钮元素时会逐个出现，但在我的代码中，当我点击Agenda按钮时元素Text＆gt; 1，元素议程将循环，我的代码如下：https://jsfiddle.net/vtdas7x2/1/

我想要这样：

Text 1

agenda 1

Text 2

agenda 2

Text 3

agenda 3

Answer 1

您在文本字段click event内的议程click event。我在这里更新了小提琴：

https://jsfiddle.net/586uLawz/1/

Answer 2

移动

        $("#add-agenda").click(function() {
            field_agenda = '<p>agenda '+total+'</p>';
               $("#box-agenda-"+ total +"").append(field_agenda);
        });

超出其父功能; 所有脚本如：

＆＃13;

var total = 0;
$("#add-schedule").click(function() {
    if (total<10) {
        total = total + 1;
        field_day = '<p>Text '+total+'</p><div id="box-agenda-'+total+'"></div>';
        $("#box-schedule").append(field_day);

    }
});

$("#add-agenda").click(function() {
  field_agenda = '<p>agenda '+total+'</p>';
  $("#box-agenda-"+ total +"").append(field_agenda);
});

＆＃13;

<script src="https://code.jquery.com/jquery-2.2.1.min.js" integrity="sha256-gvQgAFzTH6trSrAWoH1iPo9Xc96QxSZ3feW6kem+O00=" crossorigin="anonymous"></script>

<div id="box-schedule"></div>

<button id="add-schedule">Schedule</button>
<button id="add-agenda">Agenda</button>

＆＃13;

Answer 3

在你的click事件中，只需要设置一个if语句来检测该框是否已经有一个议程元素。如果不输出。

如何在jquery追加中添加元素

3 个答案: