Javascript 单击链接时在跨度上切换类

更新了我试图实现的代码示例。featuredToggle甚至会触发复选框单击事件，然后应该在特色图标上切换css类，但它不会添加该类

<a class='favorite-btn' onclick="featuredToggle()">
                <span id='featured-icon' class="glyphicon glyphicon-star"></span>
                <input id="featured-toggle" type="checkbox" data-bind="checked: featured"/>
            </a>

function featuredToggle() { 
   $("#featured-toggle").trigger('click');
   $("#featured-icon").toggleClass('featured');
}

---

我猜你想这么做：

$(".favorite-btn").click(function () {
    $("#featured-toggle").prop('checked', function(_,ckd) {return !ckd});
    $("#featured-icon").toggleClass('active');
});

---

首先，您使用的是JQuery，而不是普通的javascript。因此，在JSFIDLE中，您必须从下拉列表中选择一个JQuery库。您还必须关闭一些无效的引号，但即使这样，它也不会起作用

这是我为你做的小提琴：

每当单击“特色切换”时，在特色图标上切换活动类

---

希望这能对你有所帮助

您发布的JSFIDLE在JavaScript代码中有一个语法错误，单引号和双引号。您的JSFIDLE与您的问题不匹配毫无意义，您有一个没有href的锚，这在HTML5中是可以的，但为什么？而且，你不能用回调函数触发点击，这根本不是它的工作方式？js fiddle更新了我模拟html时的href…忘了删除它。是的，就是这样..非常感谢！这是什么背景？

$(function() {  
    $("#featured-toggle").click(function() {  
        $("#featured-icon").toggleClass("active");  
    });  
});