Выберите элемент с определенным названием

Question

Это HTML-структура, я хочу, чтобы выбрать а-тег элемента с названием:

<div id="featured-page-9"> 
    <div> 
     <div> 
      <h2> 
       <a href="..." title="Advanced setting">Advanced</a> 
      </h2> 
     </div> 
    </div> 
</div> 

Это не работает с селектором атрибута, я сделал правку => название имеет два слова.

Nope все еще не работает. Я получаю сообщение об ошибке в консоли Chrome:

Uncaught Error: Syntax error, unrecognized expression: [title=Advanced setting] 

Answer 1

Вы можете использовать attribute selector:

$('a[title=Advanced]').css('background', 'orange'); 

http://jsfiddle.net/BCzMa/1/

Если значение атрибута имеет более чем одно слово, просто повторить (заметим, что значение должно точно совпадать, как в случае, так и с количеством пробелов) строка внутри селектора атрибутов - например

$('a[title="Advanced setting"]').css('background', 'orange'); 

http://jsfiddle.net/pS9dH/1/

Answer 2

attribute Используйте селектор

$('a[title="Advanced"]').foo(); 

Answer 3

здесь вы можете использовать два метода

$(function(){ 
    // direct accessing 
    $('a[title=testtitle]').css('background', 'orange'); 

    // another method of accessing 
    $('.menu a').click(function(){ 
     alert($(this).attr('title')); 
    }); 
}); 

Я реализовал их с этим JSFiddle