addClass无法正常工作

Question

最近，通过更改html中的不同data('type')来添加不同内容的脚本成功，但"addClass"功能无法正常工作，我希望在我的data('type')=c1时创建，然后它会{ {1}}，以及addClass('red')，data-type=c2。

有什么问题吗？我的HTML，

addClass('green')

*此外，有可能当hasClass（＆＃39; red＆＃39;），然后可以放入.css（{＆＃34; background＆＃34;：＆＃34; red＆＃34;}）？

Answer 1

您正在使用“this”，您应该使用“cp”：

    var cp = $('div.box');
    if (cp.data('type') == "c1") 
    {
        cp.addClass('red');
        $('.box').append('<div class="cm-cp-title">' + 'c1 title' + '</div>');
    } 
    // if data-type == "c2"
    else if (cp.data('type') == "c2") 
    {
        cp.addClass('green');
        $('.box').append('<div class="cm-cp-title">'+ 'c2 title' + '</div>');
    } else {
        return false;
    }