如何在 jQuery 或 Javascript 的單引號/雙引號內增加變量？

Question

當我單擊按鈕時，div 將添加動態 id。 它將如何完成？

Html：

@php
$loop = 1;
@endphp
@foreach($Products as $list)
<div id="add_{{$loop++}}">
</div>
@endforeach
<button onClick="add_more()">Add</button>

JS：

<script>
    var count = 0;
function add_more() {
    count++;
var html = '<div id="product_attr_'+count+'">New Div</div>';
$('#add_'+count).after(html);
}
</script>

Answer 1

增加 ID 麻煩多於其價值，尤其是當您開始刪除項目時。

只需使用類並在 class 的最后一個之后插入。

 function add_more() { var html = '<div class="product">New Div</div>'; $('.product').last().after(html); }

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="product">One</div> <div class="product">Two</div> <button onClick="add_more()">Add</button>