如何使用jQuery在此href属性中添加“＃”？

Question

现在，我正在使用这个：

// Scroll to matched dish
$("#scrolll").click(function() {
    $("a#scrolll").attr("href", $("li.matched").attr("id"));
    return false;
});

要将li.matched的ID添加到a#scroll的href属性中。 例如，如果li.matched的ID为#menu123 ，则a#scrolll将如下所示：

<a id="scrolll" href="menu123">

但我想使它看起来像这样：

<a id="scrolll" href="#menu123">

有什么建议可以做到这一点？

Answer 1

在开始时使用+运算符将# 。

// Scroll to matched dish
$("#scrolll").click(function() {
    $("a#scrolll").attr("href", "#" + $("li.matched").attr("id"));
    return false;
});

另外，由于要从事件处理程序内部更改元素，因此可以使用$(this)而不是重新选择元素。 （Cyber​​nate 在他的回答中首先注意到了这一点）

Answer 2

用+运算符附加“＃”。

您也可以用$(this).attr替换$("a#scrolll").attr ，因为代码位于a#scrolll的点击处理程序中

尝试这个：

$("#scrolll").click(function() {
    $(this).attr("href", "#" + $("li.matched").attr("id"));
    return false;
});

Answer 3

只需串联字符串：

// Scroll to matched dish
$("#scrolll").click(function() {
    $(this).attr("href", '#' + $("li.matched").attr("id"));
    return false;
});

您可以使用+运算符将字符串连接在一起。 我还用$(this)替换了您的冗余选择器。

另外，请注意第二个选择器li.matched 。 您不能100％地确定.matched类只有一个元素，因此如果该类恰好有两个元素，则可能无法定义attr("id") 。