javascript - 如何在 jquery 中用转义字符替换 html 内容

Question

我们需要用jquery替换部分html内容。

original_string = '<option value=\"\"><\/option>\n'
replacing_string = '<option value=""></option> <option value="11">2012/05/09</option> <option value="6">2012/07/03</option> '
$('#id').html().replace(original_string, replacing_string);

问题是原始字符串和替换字符串中都有一堆转义字符，html().replace 无法执行。如何用转义字符替换字符串？谢谢。

基本上我们是动态地向页面添加一个空的选择选项。根据用户输入，需要将选择的选项插入到内容中并呈现到屏幕上。 html 操作发生在呈现之前。

更新:html 内容(抱歉，内容很乱)

<div id="invoice_against_lease" style="display: none;">
<a onclick="add_nest_fields(this, "invoice_items", "<div class=\"fields\">\n<div class=\"input select optional\"><label class=\"select optional\" for=\"invoice_invoice_items_attributes_new_invoice_items_lease_usage_record_id\">Record#：<\/label><select class=\"select optional\" id=\"invoice_invoice_items_attributes_new_invoice_items_lease_usage_record_id\" name=\"invoice[invoice_items_attributes][new_invoice_items][lease_usage_record_id]\"><option value=\"\"><\/option>\n<\/select><\/div>\n<input id=\"invoice_invoice_items_attributes_new_invoice_items__destroy\" name=\"invoice[invoice_items_attributes][new_invoice_items][_destroy]\" type=\"hidden\" value=\"false\" /><a href=\"#\" onclick=\"remove_nest_fields(this); return false;\">Delete<\/a>\n<\/div>\n"); return false;" href="#">Add Record</a>
</div>

Answer 1

如果$('#id')是对您的 <select... 的引用那么您应该能够简单地将所有选项替换为 $('#id').html(replacing_string);

编辑:

如果$('#id')是父div的id，那么代码只是稍微改变一下:

$('#id select').html(replacing_string);

(当然，除非您在该 div 中有多个选择，否则您必须提供更多详细信息，以便我们可以帮助您选择正确的选择器...)