按標題JQuery的選擇

我不知道如果我的信息很清楚，但我在這裏粘貼代碼：按標題JQuery的選擇

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!!!); 
});

來源

2015-01-15 David Pradell Casellas

想要選擇'a'元素，但主選擇器是'select' ...？ – 2015-01-15 16:50:12

@RoryMcCrossan看來他認爲'select'說「做選擇具有...的元素」:) – undefined 2015-01-15 16:52:10

[這是一個很好的例子，說明爲什麼你不應該複製你不明白的代碼...]（ http://stackoverflow.com/a/3080346/1947286） – apaul 2015-01-15 17:15:28

首先，其<a>而不是<select>和處理程序被命名爲click不像它的DOM API

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

來源

2015-01-15 16:49:32

你的選擇是尋找select元素。嘗試a代替：

a[title='Cinema']

正如阿米特指出的那樣，你有單擊處理的問題 - 這是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>

來源

2015-01-15 16:49:22

它是a元素不是select元素。 onclick也不是東西，但click是。此外，您忘記了在'（單引號）的提醒中完成您的字符串。

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

來源

2015-01-15 16:50:25 Ryley

按標題JQuery的選擇

回答

相關問題