javascript - jQuery:如何将 div 内的串联元素与 div 的其余部分分开设置样式？

Question

我在 successEmailView 变量中动态添加了 email 变量，该变量稍后附加。但是，我想设置 email 文本的样式，使其具有不同的颜色。既然它成为 success-container div 的一部分，我该怎么做？

  let email = $('#email').val()
  let successEmailView = '<div class="success-container"><div class="text-success">An email was sent to ' + email + ' with instructions for resetting your password</div>

Answer 1

你可以将它包裹在跨度上，如下所示:

  let email = $('#email').val()
  let successEmailView = '<div class="success-container"><div class="text-success">An email was sent to <span class="myemail">' + email + '</span> with instructions for resetting your password</div>

然后以 .myemail 类为目标并执行您想做的任何操作。