jquery - jquery 的动态切换功能？

Question

我正在尝试使用 jQuery 创建一个灵活的切换函数，其中我将要切换的项目的 ID 作为参数。该函数由将正确 ID 传递给该函数的链接触发。

这是目前的代码:

function boldToggler(itemid){
$(itemid).toggle(function(){
    $(itemid).css("font-weight","bold");},
function(){
    $(itemid).css("font-weight","normal");});
}

由如下链接触发:

<a href="javascript: boldToggler('h1')">toggle style for this item</a>
<a href="javascript: boldToggler('h2')">toggle style for this item</a>

有办法让它发挥作用吗？这将节省我编写数百个切换函数的时间!

任何帮助都会很棒，谢谢

Answer 1

你的意思是这样的吗？

function boldToggler(itemid) {
    $(itemid).css("font-weight", function(i, val) {
        return val == "bold" ? "normal" : "bold";
    });
}

演示: http://jsfiddle.net/kbQXd/