如何在css属性(背景)上触发click事件

时间:2016-07-14 12:52:14

标签: javascript jquery html css

我的问题是我要在css属性上触发click事件我动态创建一个表,在该表中有单元格,每个单元格上有3个分区。所有这些都是动态创建的。

在每个分区内都有一个图像,所以我想仅在这些分区的图像上触发click事件。以下是我的代码。

function createInnerDiv(day, period)
{
    var divSub      =   document.createElement('div');
    var divT        =   document.createElement('div');
   var divTopics    =   document.createElement('div');

    divSub.id       =   "Sub" + day + "" + period;
    divT.id         =   "T" + day + "" + period;
    divTopics.id    =   "Topics" + day + "" + period;

    divSub.addEventListener('click',function(){
        teacherTT       =   divT.innerHTML;
    });

    divT.addEventListener('click',function(){
        teacherTT = $(this).html();
    });

    divTopics.addEventListener('click',function(){
        teacherTT=divT.innerHTML;
    });

    divx.appendChild(divSub);
    divx.appendChild(divT);
    divx.appendChild(divTopics);
}

CSS for it:

.class
{
    border-bottom: 1px solid antiquewhite;
    background: url("../images/cross-bright.png") no-repeat scroll 98% center;
}

任何帮助将不胜感激...谢谢...

1 个答案:

答案 0 :(得分:0)

我不明白你需要在click事件中添加一个类,但这就是你如何做到这一点。

divTopics.addEventListener('click',function(){
    teacherTT=divT.innerHTML;
    $(divTopics).addClass('class');
});

https://api.jquery.com/addclass/