更改href属性

Question

需要更改此href的一部分:

<a href="media/xxxxx-yyy.jpg">large pic</a>

我有一些设计,有些颜色,xxxxx代表designnumber,yyy代表colornumber,当点击其中一个设计或href应该根据值改变其中一种颜色时:

<a href="#">design1</a>
<a href="#">design2</a>
<a href="#">design3</a>

<a href="#">color1</a>
<a href="#">color2</a>
<a href="#">color3</a>

有没有办法用JQuery做到这一点？

Answer 1

您的变量链接将是：

<a id="colorLink" href="media/xxxxx-yyy.jpg">large pic</a>

您的切换链接将如下所示：

<a href="#" onclick="designNumber='0001'; UpdateActionLink();">design1</a>
<a href="#" onclick="designNumber='0002'; UpdateActionLink();">design2</a>

<a href="#" onclick="colorNumber='001'; UpdateActionLink();">color1</a>
<a href="#" onclick="colorNumber='002'; UpdateActionLink();">color2</a>

你的 JavaScript 看起来像这样：

var designNumber = "";
var colorNumber = "";

function UpdateActionLink() {
    $("#colorlink").attr("href", "media/" + designNumber + "-" + colorNumber + ".jpg");
}

您可能需要向 colorLink 标签onclick事件添加一些验证，以检查以确保 designNumber 和 colorNumber 具有有效值，如果没有，请取消该事件并向用户发送消息，告知他们需要选择有效的设计和颜色。更好的方法可能是制作一个“获取设计”按钮，禁用启动，然后在 UpdateActionLink 中检查这些值是否有效，如果有效，则启用“获取设计”按钮。