Javascript jQuery：如何在div内部分别设置与div其余部分连接的元素的样式？

我在successEmailView变量中动态添加了

email

变量，该变量在后面追加。但是，我想将

电子邮件

文本设置为不同的颜色。既然它成为success容器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>

let email=$（'#email'）.val（）
let successEmailView='向'+email+'发送了一封电子邮件，其中包含重置密码的说明

您可以像这样将其包装在span上：

  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>

let email=$（'#email'）.val（）
let successEmailView='向'+email+'发送了一封电子邮件，其中包含重置密码的说明

---

然后以类

.myemail

为目标，做任何你想做的事。

你可以像这样将它包装在span上：

  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>

let email=$（'#email'）.val（）
let successEmailView='向'+email+'发送了一封电子邮件，其中包含重置密码的说明

---

然后瞄准类

.myemail

，做任何你想做的事。

如果我正确理解你的需求，请尝试以下方法：

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

或者在html本身中（内联样式）：

…+“”+电子邮件+“”+。。。

如果附加后需要更改颜色：

 var r=/ [a-z][a-z0-9_.]*?@[a-z][a-z0-9_]*?\.[a-z]{1,4} /i;//This is not a good RegExp for email and I just wrote it for your tests. You can find proper one with a search
 var dst=document.querySelector(".text-success");
 dst.innerHTML=dst.innerHTML.replace(r, function(em){return "<span>"+em+"</span>";});

var r=/[a-z][a-z0-9.]*？@[a-z][a-z0-9.]*？\[a-z]{1,4}/i//这不是一个很好的电子邮件正则表达式，我只是为你的测试写的。你可以通过搜索找到合适的
var dst=document.querySelector（“.text success”）；
dst.innerHTML=dst.innerHTML.replace（r，函数（em）{return”“+em+”“；}）；

如果我正确理解您的需求，请尝试以下方法：

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

或者在html本身中（内联样式）：

…+“”+电子邮件+“”+。。。

如果附加后需要更改颜色：

 var r=/ [a-z][a-z0-9_.]*?@[a-z][a-z0-9_]*?\.[a-z]{1,4} /i;//This is not a good RegExp for email and I just wrote it for your tests. You can find proper one with a search
 var dst=document.querySelector(".text-success");
 dst.innerHTML=dst.innerHTML.replace(r, function(em){return "<span>"+em+"</span>";});

var r=/[a-z][a-z0-9.]*？@[a-z][a-z0-9.]*？\[a-z]{1,4}/i//这不是一个很好的电子邮件正则表达式，我只是为你的测试写的。你可以通过搜索找到合适的
var dst=document.querySelector（“.text success”）；
dst.innerHTML=dst.innerHTML.replace（r，函数（em）{return”“+em+”“；}）；

不能仅在文本上实现样式。文本周围必须有一些包装器元素。您可以使用类将值包装为

span

，并将您想要的样式添加到类中：

let email=$（'#email'）.val（）；
电子邮件=“”+电子邮件+“”；
let successEmailView='向'+email+'发送了一封电子邮件，其中包含重置密码的说明'；
$（'body'）.append（successEmailView）
.emailText{color:green；}
不能仅在文本上实现样式。文本周围必须有一些包装器元素。您可以使用类将值包装为
span
，并将您想要的样式添加到类中：


let email=$（'#email'）.val（）；
电子邮件=“”+电子邮件+“”；
let successEmailView='向'+email+'发送了一封电子邮件，其中包含重置密码的说明'；
$（'body'）.append（successEmailView）
.emailText{color:green；}

您是否使用SMTP发送电子邮件？这与电子邮件无关——只与客户端html/jquery/css有关。我只是使用变量email获取用户电子邮件地址的值OK。请在您上面写的对账单中尝试$（电子邮件），或将整个成功对账单包装成$（），希望这能帮助您使用SMTP发送电子邮件吗？这与电子邮件无关，仅与客户端html/jquery/css有关。我只是使用变量email来获取用户电子邮件地址的值OK。请在您上面写的对账单中尝试$（电子邮件），或将整个成功对账单包装成$（），希望这对您有所帮助