Как получить данные текущего списка без дочерних?

Question

[nepster-web]

Есть вложенный список

<ul>
                    <li>1</li>
                    <li>2
                        <ul>
                            <li>3</li>
                            <li>4
                                <ul>
                                    <li>5</li>
                                    <li>6</li>
                                    <li>7</li>
                                </ul>
                        </li>
                            <li>8</li>
                        </ul>
                    </li>
                    <li>3
                        <ul>
                            <li>9</li>
                            <li>10</li>
                            <li>11</li>
                        </ul>
                    </li>
                </ul>

Задача при нажатии на любой li, получить все вложенные li только первого уровня. Тоесть:
если нажать на 2, нужно получить 3, 4, 8.

Я попробовал поиграть с not, но добился того, что получил все данные кроме нужных:

$(document).ready(function(){
                        $(document).on("click", "li" , function(e) {
                            e.stopPropagation();
                            $this = $(this);


                            console.log( $this.find(" > ul").find("li:not(ul)").text() );

                        });
                    });

А как получить нужные данные только первой вложенности ?

Answer 1

[DevMan]

Как-то так jsfiddle.net/rhtrz55u

Comments

[nepster-web]

Спасибо. Я еще об одном варианте подумал, это обернуть содержимое li вне ul в span.

Answer 2

[Никита Адамкевич]

$(document).on("click", "li" , function(e) {
  console.log($(this).children('ul').children('li'))
});