需要使用 jQuery 动态构建 href 属性的帮助

Question

很抱歉，这个问题是多余的，但我一直在浏览以前的问题，但找不到我具体寻找的内容。我是 jQuery 新手，所以我很难适应类似的解决方案。

我基本上有两个按钮集，一个用于语言，另一个用于字母表字母，我想动态构造传出链接的 href，以便它反映用户选择的语言字母组合。

示例：如果用户单击“English”和“A”，则传出链接将为“... href = 'Glossary-English-A.html”。

预先感谢您的帮助

Answer 1

给出以下标记：

<ul id="lang">
    <li>
        <input type="button" value="English"/>
    </li>
</ul>

<ul id="letters">
    <li>
        <input type="button" value="A"/>
    </li>
</ul>

<a href="#" id="theLink">Go!</a>

以及脚本...

$(function(){


  $("#lang input[type=button]").click(function() {
    $("#theLink").data("lang", $(this).val());
  });

  $("#letters input[type=button]").click(function() {
    $("#theLink").data("letter", $(this).val());
  });
  $("#theLink").click(function() {
    var link = "Glossary-" + $(this).data("lang") + "-" + $(this).data("letter") + ".html";
    alert(link);
    $(this).attr("href", link);
  });
});

正是我在晚餐前几分钟想到的 :)

示例 jsfiddle。