请考虑下面的 javascript 和 html。
第一次运行时addAnotherAddress()
,我希望里面的所有 1<div class="previous_address1">
都将替换为2,然后将附加 html,<div id="previous_addresses">
但运行时不会发生这种情况html.replace(pattern, current_address + 1)
。
我在这里做错了什么?
Javascript
var current_address = 1; // Used when adding in previous address entries
function addAnotherAddress() {
var pattern = '/' + current_address + '/g';
var html = $('.previous_address' + current_address).html();
html = html.replace(pattern, current_address + 1);
$('#previous_addresses').append(
'<div class="previous_address' + (current_address + 1) + '">' + html + '</div>'
);
current_address += 1;
}
html
<div id="previous_addresses">
<span class="text_line">
<u>Previous Addresses for Past 5 Years</u>
</span>
<div class="previous_address1">
<span class="text_line">
<i>Address 1</i>
</span>
<span class="text_line">
<label for="previous_street1">Street:</label>
<input type="text" id="previous_street1" />
</span>
<span class="text_line">
<label for="previous_city1">City:</label>
<input type="text" id="previous_city1" />
</span>
<span class="text_line">
<label for="previous_state1">State:</label>
<input type="text" id="previous_state1" />
</span>
<span class="text_line">
<label for="previous_zip1">Zip:</label>
<input type="text" id="previous_zip1" />
</span>
<span class="text_line">
<label for="previous_county1">County:</label>
<input type="text" id="previous_county1" />
</span>
</div>
</div>