jQuery のセレクタ

by ethertank

HTML

<h1>さくら家</h1>

<ul>
    <li><span class="name">友蔵+こたけ</span>
        <ul>
            <li><span class="name">ひろし+すみれ</span>
                <ul>
                    <li class="name">さきこ</li>
                    <li class="name">まるこ</li>
                </ul>
            </li>
        </ul>
    </li>
</ul>


<p>もうちょっと何か有る気はする<br />
ネタ元 : <a href="http://blog.sakurachiro.com/2011/09/jquery-this-parent-children/" title="[jQuery]$(this)の親要素や子要素を指定するには。 | 乱雑モックアップ">[jQuery]$(this)の親要素や子要素を指定するには。 | 乱雑モックアップ</a></p>

CSS

/* ひろし+すみれのliからから友蔵+こたけのliを指定*/
/* */

JavaScript

$("li").find("span.name:contains('ひろし')").parent().parent().parent().find("span:contains('こたけ')").css("background","#eee");