Select 按标题 JQuery

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>

我想select第一个link，标题为："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!!!');
});

Select 按标题 JQuery

Select by Title JQuery

jquery

title