jquery - 根据 parent 值(value)标准更改弹出窗口颜色/类别

Question

我从后端服务器获取数据并创建 div 来表示数据。我正在添加 Boostrap 的弹出窗口，一切看起来都不错。但是，如果大于 20，我想根据 a 变量更改弹出框颜色。例如。

  //Ajax from Server:
    //loop thru data
    for (var i in c) {
      var myid =   c[i][0]
      var myTime = c[i][1]
      $("#holdcontainer").append('<div id="' + myid+ '" data-toggle="popover"  data-container="body"  data-placement="top"  title="test1" data-content=" ' + myid + '  Time: ' + myTime + '" >' +myTime  + '</div>'

      if (myTime > 30) {
        //trying this but not working. 
        $("#" +myid + " .popover-title").css({ "background": "red", "color": "white" });
      }
    } //end loop

    //initiate popover
    $('[data-toggle="popover"]').popover({ trigger: "hover" });

Answer 1

选择器 $("#"+myid + ".popover-title") 不起作用，因为 .popover-title 不是 "#"+myid 的一部分。

也许解决方案是添加显示的事件:

UPDATE(事件在循环外)

function start()
{
    for (var i in c) {

        var myid =   c[i][0]
        var myTime = c[i][1]

        $("#holdcontainer").append('<div id="' + myid+ '" data-toggle="popover"  data-container="body"  data-placement="top"  title="test1" data-content=" ' + myid + '  Time: ' + myTime + '" >' +myTime  + '</div>');

        if(myTime>30)     $("#" +myid).attr('data-new-class','newTitle');
    }

     $('[data-toggle="popover"]').popover({             
            trigger: "hover"             
        }).on('shown.bs.popover', function () {
           var newClass=$(this).attr('data-new-class');        

            if (typeof newClass !== "undefined")                
                $(".popover-title:visible").addClass(newClass)

        });

}

FIDDLE