Question

这是html结构，我想选择标题为：

的a-tag元素

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

它没有使用属性选择器，我做了一个edit =＆gt;标题有两个字。

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

实现了它们

选择具有特定标题的元素

3 个答案: