jquery - 选择具有特定标题的元素

Question

这是html结构，我想选择带有标题的a-tag元素：

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

它不适用于属性选择器，我进行了编辑 => 标题有两个词。

不，仍然无法正常工作。我在 Chrome 的控制台中收到错误消息：

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

Answer 1

您可以使用属性选择器：

$('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实现了它们