Jquery 如何替换div id中的div类文本？

我在squarespace网站上有以下分区：

<div id="text-yui_3_10_1_1_1397493196442_28869" class="form-item field text required error">
<div class="field-error">Subject is required.</div>

<div id="number-yui_3_10_1_1_1397494940010_32253" class="form-item field number required error">
<div class="field-error">Phone is required.</div>

主题是必修的。
电话是必需的。

我想用jquery更改“字段错误”的文本（“主题是必需的”/“电话是必需的”）

编辑：对不起，上面的所有代码似乎只有在按下“提交”按钮时才可见

按钮的代码如下所示：

<input class="button sqs-system-button sqs-editable-button" type="submit" value="Submit">

是否需要将替换代码与按钮操作链接

edit2：好的，我找到了提交按钮的表单代码：

<form onsubmit="return (function(form) { Y.use ('squarespace-form-submit', 'node', function (Y) { (new Y.Squarespace.FormSubmit({ formNode: Y.Node(form) })).submit('534c11ade4b0c1a4ea57934b', '53488d92e4b0f26be11d5d68') }); return false;})(this)" method="POST" action="website_link" autocomplete="on">

---

谢谢

我必须准确地猜出你的意思，但考虑到你展示的DOM，我认为这是一个很好的猜测。我想您正试图更改多个文本，它们正在合并，因为您正在获得包含多个元素的

.field error

文本。您必须单独执行这些操作，请尝试以下操作：

这将检查选择器（.field error）上的每个匹配项，并分别替换它们。如果您执行了类似以下操作：

$（.field error”）.text（$（.field error”）.text（）.replace（“必需的”，“可选的”）

您将得到合并文本，因为每个

。field error

将包含所有

。field error

中的文本

---

看到您的更新，看起来您的DOM也错了。试试这个：

HTML:

---

用最新的信息。。。试试这个：

function replacementSubmitFunction() {
    return (function (form) {
        Y.use('squarespace-form-submit', 'node', function (Y) {
            (new Y.Squarespace.FormSubmit({
                formNode: Y.Node(form)
            })).submit('534c11ade4b0c1a4ea57934b', '53488d92e4b0f26be11d5d68')
        });
        $(".field-error").each(function () {
            $(this).text($(this).text().replace("required", "optional"));
        });
        return false;
    })(this)
}
$("form").get(0).onsubmit = replacementSubmitFunction;

---

向我们展示您尝试过的实际代码，而不是一个通用的示例。可能它不起作用，因为没有段落，也没有任何ID为的元素？示例？我添加了实际代码！谢谢你的帮助。我再次编辑了它，现在我意识到有一个提交按钮，只有当按下它时，div代码才可见。替换代码需要链接到按钮吗？我想差不多了。在提交作品后调用该函数；但是$fe替换代码没有。有其他代码吗？也许代码需要在提交按钮后运行？我认为，因为字段错误只有在单击button@user3507859如果看不到全部内容，很难判断。当您单击按钮时，我猜表单将被提交，页面将被刷新？编辑：页面不会重新加载。我不明白为什么它不起作用。我在小提琴上复制了完全相同的代码，但它不起作用。你的HTML也匹配吗？您的js控制台中是否有任何错误？

<div id="text-yui_3_10_1_1_1397493196442_28869" class="form-item field text required error">
<div class="field-error">Subject is required.</div>
</div>

<div id="number-yui_3_10_1_1_1397494940010_32253" class="form-item field number required error">
<div class="field-error">Phone is required.</div>
</div>

$fe = $("#text-yui_3_10_1_1_1397493196442_28869 .field-error");
$fe.text($fe.text().replace("Subject is required.", "test"));

function replacementSubmitFunction() {
    return (function (form) {
        Y.use('squarespace-form-submit', 'node', function (Y) {
            (new Y.Squarespace.FormSubmit({
                formNode: Y.Node(form)
            })).submit('534c11ade4b0c1a4ea57934b', '53488d92e4b0f26be11d5d68')
        });
        $(".field-error").each(function () {
            $(this).text($(this).text().replace("required", "optional"));
        });
        return false;
    })(this)
}
$("form").get(0).onsubmit = replacementSubmitFunction;