javascript - 如何使用 jQuery 查找具有电子邮件地址作为类名的元素？

Question

如何找到以电子邮件地址作为类名的元素。电子邮件地址是动态的。

$(document).ready(function(){
  //not working getting error
  var email="abc@gmail.com";
  $("#main").find("."+email);
  //not working
  $("#main").find("."+escapeSelecorchars(email));
});

function escapeSelecorchars = function(val) {
  return val.replace(/[!"#$%&'()*+,.\/:;<=>?@[\\\]^`{|}~]/g,"\\\\$&");
};

<div id="main">
  <div class="abc@gmail.com"></div>
</div>

Answer 1

我会尝试这样的事情

Js:

$(function() {
  var email = "abc@gmail.com";
  var div = $("#main").find("div[data-email='"+email+"']");
});

HTML:

<div id="main">
  <div data-email="abc@gmail.com"></div>
</div>

这是一个工作的 plunker https://plnkr.co/edit/BDo9SvksNIfCLa6I0HfI