Question

抱歉，这个问题应该是多余的，但我一直在查看之前的问题，但却无法找到我正在寻找的具体内容。我是jQuery的新手，所以我很难适应类似的解决方案。

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

示例：如果用户点击“英语”和“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上的示例。

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

1 个答案: