使用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/