Question

我目前在尝试获取项目时遇到了一些问题＆＃34;已选择＆＃34;。

在选择之前，HTML代码如下所示：

<div class="class cpm-text-header2" title="Header 2" styleclass="header2">Header 2</div>

我想要做的是点击，将上面的代码更改为以下内容：

<div class="class cpm-text-header2 selected" title="Header 2" styleclass="header2">Header 2</div>

我尝试过以下代码，我尝试使用＆＃39;替换＆＃39;功能，所以我可以手动注入单词＆＃34;选择＆＃34;然而，这不起作用。

是否有其他方法可以做到这一点？

目前的代码如下：

var whatHeaderIsSelected = ($('#textStyleButton').text());
//whatHeaderIsSelected returns text "Header2"
var finder = $('#classSelector').children();
for (i = 0; i < finder.length; i++) {
    var whatsSelectedInToolContainer = ($(finder[i]).text());
    if(whatHeaderIsSelected==whatsSelectedInToolContainer) {
        var getHTML = ($(finder[i]).prop('outerHTML'));     
        whatHeaderIsSelected = whatHeaderIsSelected.toString().toLowerCase();
        whatHeaderIsSelected = whatHeaderIsSelected.replace(/\s/g, ""); 
        var getDivNameOfHeader = "class cpm-text-"+whatHeaderIsSelected;
        getHTML.replace(getDivNameOfHeader, getDivNameOfHeader+" selected");
    }
}

提前致谢

Answer 1

测试一下，而不是！

<强>的jQuery ：

$(".cpm-text-header2").click(function(){ // on click
    $(this).toggleClass("selected"); // toggle "selected" class to the clicked element
});

和一些 CSS ，因此您知道class已被切换：

.cpm-text-header2.selected{
    background: red;
}

Answer 2

我认为这应该可以正常使用

$(".cpm-text-header2").click(function(){
     $(this).addClass("selected");
})

将项目标记为＆＃39;已选中＆＃39;在JQuery中

2 个答案: