Question

请考虑以下javascript和html。
当第一次运行addAnotherAddress()时，我预计<div class="previous_address1">内的所有 1 将被 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>

Answer 1

您不能直接使用字符串格式的正则表达式模式，您必须对其进行评估：

html = html.replace(new RegExp(current_address, "g"), current_address + 1);

Javascript替换为正则表达式模式问题

1 个答案: