javascript - 替换 的内容，包含的表单控件除外

Question

我正在集成 Janrain 的 Capture widget 系统，客户希望自定义 Janrain 代码呈现的许多标准表单标签。这些定制可能由 Janrain 进行，但这需要经过他们的开发队列(这将花费太长时间)。

他们的建议是捕获一个 javascript 事件 (onCaptureRenderComplete)，并在代码中进行必要的更改(这感觉很糟糕，但这是官方推荐的选项)。

我需要更改与复选框关联的标签的文本，其中复选框本身嵌套在标签内。对于其他标签，我们要么简单地重写了 innerHTML，要么使用字符串替换来改变几个单词。我正在处理的标签如下所示:

<label for="capture_traditionalRegistration_traditionalRegistration_privacyPolicy">
    <input type="checkbox" name="traditionalRegistration_privacyPolicy" class="capture_traditionalRegistration_privacyPolicy capture_input_checkbox" value="true" data-capturefield="traditionalRegistration_privacyPolicy" id="capture_traditionalRegistration_traditionalRegistration_privacyPolicy">
    I understand that by signing up or using the site, I agree to the
    <a target="_blank" href="/about-freesat/privacy-policy">Privacy Policy</a> and
    <a target="_blank" href="/about-freesat/terms">Terms of Service</a>
</label>

在这种情况下，将复选框后的整个 HTML block 硬编码在字符串中以使其可以被替换是非常脆弱的。我想做的只是全面替换所有内容 - 但我无法替换复选框，因为它附加了事件处理程序。

我有可用的 jQuery。关于如何删除或替换只是复选框后的部分有什么建议吗？

Answer 1

你可以这样做:首先分离输入，然后清空标签并再次添加输入。

var inp = $('label').find('input').detach();
$('label').empty().append(inp);