按标题选择 JQuery [关闭]答案

【问题标题】：Select by Title JQuery [closed]按标题选择 JQuery [关闭]
【发布时间】：2015-01-15 16:47:44
【问题描述】：

我不知道我的信息是否清楚，但我将代码粘贴在这里：

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>

我想选择第一个链接，标题为：“电影院”。在 JQuery 中我正在这样做但不起作用：

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

【问题讨论】：

你想选择a元素，但主选择器是select...？
@RoryMcCrossan 似乎他认为select 说“选择具有...的元素”:)
This is a good example of why you shouldn't copy code that you don't understand...
Get element by title jQuery的可能重复

标签： jquery title

【解决方案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>

【讨论】：

【解决方案2】：

首先，它的<a> 而不是<select>，并且处理程序被命名为click，不像它的DOM APi

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

【讨论】：

【解决方案3】：

这是一个a 元素而不是select 元素。 onclick 也不是一件事，但 click 是。另外，您忘记在警报中使用'（单引号）结束您的字符串。

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

【讨论】：