jquery - 特定のクラスを持つすべてのアイテムのjQueryスキャンUL構造

Question

次のような ul>li 構造があります。

<ul id="node">
    <li><a data-name="One">One</a>
        <ul>
            <li><a data-name="Two">Two</a></li>
            <li><a class="me" data-name="Three">Three</a>
                <ul>
                    <li><a data-name="Four">Four</a></li>
                    <li><a class="me" data-name="Five">Five</a></li>
                </ul>
            </li>
        </ul>
    </li>
</ul>

私の必要性は、これをトラバースし、クラス me を持つ各要素から data-name 属性を取得する<a>ことです。これにより、配列が生成されます。

items = {"Three","Five"}

新しい問題:

トラバースする属性がThreeであることだけを知っていて、そこから下にトラバースするだけで、 から開始したい場合はどうすればよいでしょうか。data-nameThreeFive

Answer 1

var items = $('ul#node a.me').map(function(){
   return $(this).attr('data-name');
});

また

var items = [];
$('ul#node a.me').each(function(){
   items.push($(this).data('name'));
});

デモ

新しい問題:

var items = [];
$('ul#node a[data-name="Three"]').parent().children().find('a.me').each(function(){
    items.push($(this).data('name'));
});

そして新しいデモ...

Answer 2

メソッドを使用できますmap。

var items = $('ul a.me').map(function(){
    return this.dataset.name
}).get()

http://jsfiddle.net/ZGMSw/

Answer 3

$('a.me').each (function () { alert ( $(this).attr('data-name')); } );