javascript - クリックで jQuery を使用して href を取得する

Question

jQueryでhrefリンクを取得する機会はありますか?

たとえば、私はこれらを持っています：

<li><a href="head.php">Head</a></li>
<li><a href="body.php">Body</a></li>
<li><a href="settings.php">Settings</a></li>

だから私はjQueryでいくつかのアニメーションを作成しましたが、Default();を防ぐ必要がありました。これらの<a>タグのいずれかをクリックすると、派手なアニメーションが表示されます。インデックスについては、基本的には index.php であるため、リダイレクトすることができたので、次のように記述しました。

$('a#logo').on('click', function() {
     setTimeout(function() {
          window.location.replace('index.php');
     }, 1100);
});

すべてのリンクの ID を作成し、jQuery でそれを記述するのは多すぎるので、それは多すぎますよね?

では、どうすればjQueryに伝えることができますか...指定され<a>た遅延リダイレクトをクリックして1秒間待ってから、以前の場所から続行します(ページを指定されたhrefにリダイレクトします)。

皆さんが私を理解してくれることを願っています。これが可能であることを心から願っています!

Answer 1

$('a').click(function(e){
  e.preventDefault();
  var href = $(this).attr('href');  
  setTimeout(function(){
    window.location.href = href;
  }, 1100);
});

Answer 2

私はあなたがこれを探していると思います：

$(this).attr('href');

したがって：

$('li a').click(function(e){
  e.preventDefault();
  var href = $(this).attr('href');  
  setTimeout(function(){
    window.location.href = href;
  }, 1100);
});

Answer 3

動的に使用できます

$(this).attr('href') 

ターゲットを取得します。