jQuery點擊鏈接href屬性

-1

我有以下代碼結構。它是一套wordpress選項卡。我有很多選項卡遍佈網站，使用jquery我想觸發一個功能，當用戶點擊其中一個鏈接，但我不能應用ID屬性，所以我的功能下面不工作......任何建議？jQuery點擊鏈接href屬性

JQUERY

$('#1485856532455-70ee0dfe').on('click', function() { 
$('.otherdiv').css('background-image', 'url(http://placehold.it/200x200/ff0000)'); 
})

HTML

<ul class="vc_tta-tabs-list"> 
<li class="vc_tta-tab"> 
<a href="#1485856532455-70ee0dfe"> <span class="vc_tta-title-text">Title</span></a> 
</li> 

<li class="vc_tta-tab"> 
<a href="#1485856532489"><span class="vc_tta-title-text">Title</span></a></li> 
</ul>

來源

2017-02-12 user1673498

https://api.jquery.com/category/selectors/ – Teemu

您無法通過ID選擇他們，因爲他們沒有標識。但是你可以使用CSS Atrribute-Equal Selector來獲取它們的href屬性。像這樣：

$('[href="#1485856532455-70ee0dfe"]').on('click', function() { 
    // ... 
}

更多CSS選擇器here。

工作代碼片段：

$('[href = "#1485856532455-70ee0dfe"]').click(function() { 
 
    alert("#1485856532455-70ee0dfe was clicked! Hoooray!"); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<ul class="vc_tta-tabs-list"> 
 
    <li class="vc_tta-tab"> 
 
    <a href="#1485856532455-70ee0dfe"> <span class="vc_tta-title-text">Title</span> 
 
    </a> 
 
    </li> 
 

 
    <li class="vc_tta-tab"> 
 
    <a href="#1485856532489"><span class="vc_tta-title-text">Title</span></a> 
 
    </li> 
 
</ul>

來源

2017-02-12 18:06:27

我不知道你可以做到這一點..但它仍然沒有工作.. – user1673498

@ user1673498你是什麼意思不工作？你的意思是它仍然向下滾動到錨？ –

使用屬性選擇，那麼：

$('[href="#1485856532455-70ee0dfe"]').on('click', function() {....});

來源

2017-02-12 18:06:38

$('#1485856532455-70ee0dfe').on('click', function() { - 意味着頁面上我們有ID 1485856532455-70ee0dfe一些元素。在你的HTML代碼沒有文本1485856532455-70ee0dfe的ID，這就是爲什麼你的代碼不工作。

你有兩種情況來解決：

變化JS添加ID的所需元素$('[href="1485856532455-70ee0dfe"]').on('click', function() {

來源

2017-02-12 18:07:21

你不能給一個ID，以這樣的鏈接。但是你可以通過做$（'[href =「＃1485856532455-70ee0dfe」]'）。（'click'，function（）{....}）來選擇與jquery的鏈接。

來源

2017-02-12 18:09:08 CSSmitty

jQuery點擊鏈接href屬性

回答

相關問題