jQuery在href旁邊找到ID

Question

我如何使用jQuery這樣的東西：

1）如果單擊鏈接，則它具有相同ID的fadeIn 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

如下更改錨點：

<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();
});

更新的CodePen

Answer 2

search.on("click", function (e) {
   var id = "#" + $(this).attr("href");
    $(id).show();
});

或者，您可以在href本身（“ #hotels”）中放入“＃”，然后

var id = $(this).attr("href");

Answer 3

在這里試試：

search.on("click", function (e) {
 e.preventDefault();
 $(".hotels").find("div").hide();
 var target = $(this).attr('href');
 $('#'+target).fadeIn();

});

DEMO