Question

我不知道我的信息是否清晰但我在此处粘贴代码：

HTML

 <header>
    <h1>The Otherside</h1><br>

    <nav>
        <ul id="nav1">
            <li><a href="guitarra.jpg" title="Música">Música</a></li> 
            <li><a href="gandalf.jpg" title="Cinema">Cinema</a></li> 
            <li><a href="mon.jpg" title="Opinions">Opinions</a></li> 
            <li><a href="lleo.jpg" title="Botó 4">Botó4</a></li> 
        </ul>
    </nav>

</header>

我想按标题选择第一个链接：“Cinema”。在JQuery中，我这样做但不起作用：

window.jQuery("select[title='Cinema']").onclick(function (){
    alert("Works!!!);
});

Answer 1

您的选择器正在寻找select个元素。请尝试a：

a[title='Cinema']

正如Amit所指出的，点击处理程序存在问题 - 它是click()，而不是onclick()。

在这些更正后看到它的实际效果：

$(function() {
  $('a[title="Cinema"]').click(function() {
    alert('You clicked "cinema".');  
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<header>
    <h1>The Otherside</h1><br>

    <nav>
        <ul id="nav1">
            <li><a href="guitarra.jpg" title="Música">Música</a></li> 
            <li><a href="gandalf.jpg" title="Cinema">Cinema</a></li> 
            <li><a href="mon.jpg" title="Opinions">Opinions</a></li> 
            <li><a href="lleo.jpg" title="Botó 4">Botó4</a></li> 
        </ul>
    </nav>

</header>

Answer 2

首先，它的<a>而非<select>和处理程序名为click，与它的DOM APi不同

jQuery("a[title='Cinema']").click(function (){
    alert("Works!!!);
});

Answer 3

它是a元素，而不是select元素。 onclick也不是click，但'是。$("a[title='Cinema']").click(function(){ alert('Works!!!'); });。此外，您忘记在警报中使用{{1}}（单引号）完成字符串。

{{1}}

按标题JQuery选择

3 个答案: