Javascript 使用动态创建的DOM元素在单击时添加样式

我想在选中div时在包含在div中的图像周围创建一个边框，然后在取消选中时将其删除。如何获取所选div的ID

 function displayLive()
            {
              var previous = null;
              var current = null;
              setInterval(function()
              {
                $.ajax({
                  url: '/showLive',
                  dataType: 'json',
                  contentType: 'application/json',
                  success: function(response) 
                  {
                    current = JSON.stringify(response);
                    if(previous !== current)
                    {
                      var obj = JSON.parse(response);
                      console.log(obj);
                      for(var i = 0; i < obj.active.length; i++)
                      {
                        if($(document.getElementById(obj.active[i].userNameData)).length == 0)
                        {
                          if(obj.active[i].active === true)
                          {
                            $('.left').prepend($('<div/>', {class: 'profTemp', id: obj.active[i].userNameData}).append(
                              $('<img/>', {src: obj.active[i].profiler, width: 40, height: 40}),
                              $('<span/>', {text: " " + obj.active[i].userNameData}))); 
                          }  

                        }
                        else if(obj.active[i].active === false)
                        {
                          $(document.getElementById(obj.active[i].userNameData)).remove();
                          console.log("getting in false");
                        }
                      }
                    }
                  }
                }); 
                previous = current; 
              }, 2000);   
            }

函数displayLive（）
{
var-previous=null；
无功电流=零；
setInterval（函数（）
{
$.ajax({
url:“/showLive”，
数据类型：“json”，
contentType:'应用程序/json'，
成功：功能（响应）
{
current=JSON.stringify（响应）；
如果（上一个！==当前）
{
var obj=JSON.parse（响应）；
控制台日志（obj）；
对于（变量i=0；i

---

通过

$（document）分配一个单击处理程序。在（'click'，'.proftem'，function（）{}）

上触发文档上的单击事件，使其能够处理动态添加的元素，然后在div上切换一个类，并将其用作是否单击的状态，并引用该类来绘制边框

$（'body'）。追加（“”）；
$（文档）.on（'单击'，'.proftem'，函数（）{
$（this.toggleClass（'selected'）；
})

.profTemp{
显示：内联块；
}
.选定的img{
边框：5px纯红；
}

---

通过

$（document.on（'click'，'.profTemp'，function（）{}）

指定一个单击处理程序，以触发文档上的单击事件，使其能够处理动态添加的元素，然后在div上切换一个类，并将其用作是否单击的状态，并引用该类来绘制边框

$（'body'）。追加（“”）；
$（文档）.on（'单击'，'.proftem'，函数（）{
$（this.toggleClass（'selected'）；
})

.profTemp{
显示：内联块；
}
.选定的img{
边框：5px纯红；
}

---

这是什么：

$（document.getElementById（obj.active[i].userNameData））

？选择div是什么意思？它是一个按id获取div元素的选择器。执行$（“#blahblah”）将不起作用。”Response'是一个json对象，包含所有当前活动用户。如果他们单击它。我要贴张照片now@teemu错误编码风格的定义+在不理解jquery的情况下使用jquery这是什么：

$（document.getElementById（obj.active[i].userNameData））

？选择div是什么意思？它是一个通过id获取div元素的选择器。使用$（“#blahblah”）不起作用Response'是一个json对象，包含所有当前活动用户。如果他们单击它。我要贴张照片now@teemu错误编码风格的定义+在不理解jquery的情况下使用jquery