JQuery auf Klick Link mit href atribute

Question

Ich habe die folgende Codestruktur. Es ist eine Reihe von Wordpress-Tabs. Ich habe viele Tabs auf der ganzen Website, mit Jquery Ich möchte eine Funktion auslösen, wenn ein Benutzer auf einen der Links klickt, aber ich kann nicht ein ID-Attribut anwenden, so funktioniert meine Funktion unten nicht ... irgendwelche Vorschläge?

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> 

Answer 1

Sie können sie nicht von ID wählen, weil sie IDs nicht haben. Aber Sie können CSS Atrribute-Equal Selector verwenden, um sie durch href Attribut zu erhalten. Wie folgt aus:

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

Weitere CSS-Selektoren here.

Arbeits Code-Schnipsel:

$('[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>

Answer 2

Verwendung Attributselektor dann:

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

Answer 3

$('#1485856532455-70ee0dfe').on('click', function() { - bedeutet, dass auf Seite wir ein Element mit id 1485856532455-70ee0dfe haben . In Ihrem HTML-Code keine ID mit dem Text 1485856532455-70ee0dfe, das ist, warum Ihr Code nicht funktioniert.

Sie haben zwei Fall zu beheben:

1. ids zu benötigten Element hinzufügen

2. Änderung js zu $('[href="1485856532455-70ee0dfe"]').on('click', function() {

Answer 4

Sie kann nicht eine ID an einen Link wie das geben. Sie können jedoch den Link mit jquery auswählen, indem Sie $ ('[href = "# 1485856532455-70ee0dfe"]') eingeben. On ('click', function() {....});