-3

これは html 構造です。タイトルの a-tag 要素を選択します。

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

属性セレクターが機能しません。編集を行いました => タイトルに 2 つの単語があります。

いいえ、まだ機能していません。Chrome のコンソールに次のエラーが表示されます。

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

3 に答える 3

3

属性セレクターを使用できます。

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

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

属性値に複数の単語が含まれる場合は、属性セレクター内の文字列を複製します (大文字と小文字、およびスペースの量の両方で値が正確に一致する必要があることに注意してください)。

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

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

于 2013-08-12T14:36:46.730 に答える
2

attributeセレクターを使う

$('a[title="Advanced"]').foo();
于 2013-08-12T14:37:09.307 に答える
0

ここでは、2 つの方法に従うことができます

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

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

私はこのJSFiddleでそれらを実装しました

于 2013-08-12T14:47:05.190 に答える