JavaScript Jade模态变量

Question

伙计们，我正在尝试动态生成模式。 我将如何查找这段文本并交换值？

我有一个标签，我想从表中动态设置内容。 找到并替换| .emailAddress的正确方法是什么？ | .emailAddress ？

.modal-body
    h3
        span.label.label-info Email
        | .emailAddress

script.
 var $modal = $('#mymodal')
  , $titleField = $modal.find('.modal-title')
  , $emailField = $modal.find('| .emailAddress');

 $('body').on('show.bs.modal', '.modal', function () {
    var mid = $(event.target).closest('tr').data('id');
    var email = $(event.target).closest('tr').data('email');
    $titleField.text(email);
    $emailField.text(email);
 });

Answer 1

您无需解释如何使用Jade，它有两个版本：

1. 服务器端，您的客户端会生成一个HTMl
2. 在客户端，您可以将Jade模板编译为JavaScript并在客户端中加载JS文件。

对于您的问题，有两种解决方案：

• 您更改已经生成的HTML，因为可以在加载页面后触发用户操作。 （这是您的解决方案的外观，但这与Jade无关！）
• 您重新加载Jade模板：从DOM中删除旧模板，并将使用数据（来自模式操作）传递给新模板，仅适用于解决方案2。

但也许您的错误是此选择器，这是不正确的：

$modal.find('| .emailAddress');
尝试这个：
$modal.find('.emailAddress');