如何基于单击为项目分配Css类

Question

小提琴：http://jsfiddle.net/57f78yx1/1/

JQuery的：

{
"_id" : 1,
"_class" : "Speaker",
"name" : "Assar",
"bio" : "I like cars"
}

如何修改以便onclick将所点击的项目的样式设置为{ "_id" : 1, "_class" : "Session", "startDate" :"2015-10-01", "endDate" : "2015-10-15", "subject" : "Studies", "description" : "Fun", "speakers" : [ "1" ], } 并从其余部分中删除。

Answer 1

从所有$(this)中删除该类，并将其仅添加到$(function() { $(".menu ul li").on("click", function() { $(".menu ul li").removeClass("activeLI"); $(this).addClass("activeLI"); }); }); （点击的元素）

http://jsfiddle.net/57f78yx1/2/

classs = input("Class [1, 2 or 3] -  ")

if classs =='1':
        name = ).read():
                print ("True")
                break
            else:
                print ("False")

Answer 2

我通常倾向于执行以下操作：我从所有li项中删除该类并将其添加到我想要的那个：

$(function() {
    $(".menu ul li").on("click", function(e) {
        var loe = $(this).index();
        $(".menu ul li").each(function(){
            $(this).removeClass("activeLI");
        });
        $(".menu ul li").eq(loe).addClass("activeLI");
    });
});

更简单的版本是：

$(function() {
    $(".menu ul li").on("click", function(e) {
        $(".activeLI").removeClass("activeLI");
        $(this).addClass("activeLI");
    });
});

Answer 3

在您的nt-child中添加一个：loe = loe +1;

请参阅小提琴http://jsfiddle.net/57f78yx1/5/

$(function() {
    $(".menu ul li").on("click", function(e) {
        alert($(this).index());
        var loe = $(this).index();
        loe = loe +1;
        $(".menu ul li:nth-child(" + loe + ")").addClass("activeLI");
    });
});

Answer 4

var menuItem = $(".menu ul li a");
menuItem.click(function () {
    menuItem.removeClass("active");
    $(this).addClass("active");
});

演示：http://jsfiddle.net/jcmorris/5h44o71b/