使用JQuery更改html元素类无效

时间:2019-02-04 08:21:32

标签: javascript jquery

实际上,我正在尝试将带有jquery的类更改为引导徽章项目。 该项目是动态生成的,因此单击表项目后,我将锚的ID添加到变量中。

然后,我为您可以在屏幕上看到的每项弹出式窗口设置了4个功能 enter image description here

每个弹出式锚点(如CHIUSO RISOLTO等)都应更改表项的主锚点类。

实际上我是在尝试使用类似的方法来更改课程

function Risolt() {
    $("#idticket").removeClass();
    $('#idticket').addClass('badge badge-success');
}

我认为问题在于将ID设置为表项的onClick,我已经设置了以下功能

var idticket
function setId(id) {
    idticket = id
}

3 个答案:

答案 0 :(得分:1)

已解决:

当我设置表格项时,将ID单击到变量中,#idticket根本不存在,我只需要在jquery中连接该变量,而不必将其添加为文本。

非常感谢您的帮助。

答案 1 :(得分:0)

首先,您应该将$("#idticket").removeClass();替换为$("#idticket").removeAttr('class');,然后添加所需的任何类。

答案 2 :(得分:0)

您可以使用toggleClass jQuery来切换类

$('#idticket').toggleClass("oldClass newClass");