选择具有特定标题的元素[关闭]答案

【问题标题】：Select an element with a specific title [closed]选择具有特定标题的元素[关闭]
【发布时间】：2013-08-13 22:19:12
【问题描述】：

这是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]

【问题讨论】：

试试 $('a[title="高级设置"]')

标签： jquery jquery-selectors

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

【讨论】：

【解决方案2】：

使用attribute 选择器

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

【讨论】：

【解决方案3】：

这里有两种方法

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

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

我已经用这个JSFiddle实现了它们

【讨论】：