javascript - Jquery 在 href 旁边找到 id

Question

我怎样才能用 jQuery 做这样的事情:

1) 如果我点击链接，它会淡入具有相同 id 的 div 元素，就像点击链接的 href 一样。

我的脚本在这里

var search = $("#bottom").find("a"),
    hotels = $(".hotels").find("div").hide();

search.on("click", function (e) {
    $(this.hash).hotels("#hash").show();
    e.preventDefault();
});

完整片段在这里 http://codepen.io/anon/pen/MwNEgr

Answer 1

如下更改 anchor :

<a href="#flight">Flights</a>
<a href="#hotel">Hotels</a>
<a href="#cars">Cars</a>

否则，哈希将包含 URL。

然后您可以使用此方法，并注意您不再需要 preventDefault():

search.on('click', function () {
  hotels.hide();
  $(this.hash).fadeIn();
});

Updated CodePen