在使用 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 上的示例。