將代碼添加到鏈接中指定的元素的動態代碼

Question

我試圖通過單擊按鈕將類添加到HTML中指定的元素中。

HTML：

<div id="servicenext"><a href="#nav2"><p class="four">next</p></a>

腳本：

$('#servicenext a').click(function(){
     $('ul.navigation a').removeClass('active');
     $(*the div in the href*).addClass('active');
}); 

我希望代碼是動態的。 基本上，可以通過將類添加到a href中指定的任何元素中來工作。 這是因為我有很多這些，並且不希望單獨編碼。

編輯：

謝謝詹姆斯！ 那很棒！ 但是我必須道歉，我對自己的要求感到困惑！ 我實際上想要將addClass到ul.navigation a的li

因此，如果我想的沒錯，我會嘗試這樣做：

• 通過單擊服務下一步按鈕，
• 該代碼在href獲取div的id
• addClass應用於具有相同href的li

我猜應該在某處是否有其他語句，請原諒我，我不是真正的程序員。

我想出的胡言亂語是：

$('#servicenext a').click(function(){
     $('ul.navigation a').removeClass('active');
     $($(this).attr("href").find($('ul.navigation li a').attr("href"))).addClass('active');
}); 
});

Answer 1

由於href屬性的值已經是有效的ID選擇器，因此您可以簡單地使用該屬性的值：

$($(this).attr("href")).addClass('active');

請注意，您必須獲取實際的屬性值。 本機DOM屬性返回實際URL，而不僅僅是該屬性的值。

這是一個有效的例子 。