JQuery выводить только выбранный HTML, но не его дочерние элементы?

Question

JQuery выводить только выбранный HTML, но не его дочерние элементы?

0

Мой html:

<ul id="seasonsDropDown">
  <li>FALL 2013 HAUTE COUTURE
     <ul class="designers">
       <li>Alexander Wang</li>
       <li>BCBG MAX Azria</li>
       <li>Diane con Fursternberg</li>
       <li>Diane Von De</li>
     </ul>
  </li>
  <li>SPRING 2013 HAUTE COUTURE</li>
  <li>SPRING 2033 HAUTE COUTURE</li>
  <li>SPRING 2093 COUTURE</li>

Какой метод jQuery следует использовать, если я хочу только выбрать/вывести слово:

"FALL 2013 HAUTE COUTURE"

а не список ul?

прямо сейчас, если я использую:

console.log($("#seasonsDropDown").html());

это даст мне все, включая html.

Vincent Chua 15 нояб. 2013, в 09:44

Источник

2

Похоже, этот вопрос является дубликатом: stackoverflow.com/questions/3442394/…
Michael Peterson 15 нояб. 2013, в 08:28
2

см. $('#seasonsDropDown li:first').contents().filter(function () { return this.nodeType == 3 }).text() как jsfiddle.net/arunpjohny/y4D25/1
Arun P Johny 15 нояб. 2013, в 08:29

Теги:

jquery

html

output

children

5 ответов

Ещё вопросы

Похоже, этот вопрос является дубликатом: stackoverflow.com/questions/3442394/…
см. $('#seasonsDropDown li:first').contents().filter(function () { return this.nodeType == 3 }).text() как jsfiddle.net/arunpjohny/y4D25/1

AZee · Answer 1 · 2013-11-15T07-18-00.000Z

Ваш вопрос аналогичен этому вопросу

Метод JQuery, как показано ниже

$("li:eq(0)").clone().children().remove().end().text()

mauretto · Answer 2 · 2013-11-15T06-23-00.000Z

console.log(
  $('#seasonsDropDown li:first').contents()[0]
);

Вам может понадобиться обрезать возвращенную строку.

OlivierH · Answer 3 · 2013-11-15T06-20-00.000Z

$("#seasonsDropDown li").html().substr(0,$("#seasonsDropDown li").html().indexOf('<') );

Neel · Answer 4 · 2013-11-15T06-00-00.000Z

попробуйте это, я еще не проверил его.

$(function() {
    $('#seasonsDropDown').each(function(i, items_list){
        var myText = "";

        $(items_list).find('li').each(function(j, li){
            alert(li.text());
        })

        alert(myText);

    });
};

Praxis Ashelin · Answer 5 · 2013-11-15T05-58-00.000Z

jQuery потребуется селектор, чтобы узнать, какой элемент вы хотите выбрать. Лучше всего добавить селектор следующим образом:

$("#seasonsDropDown li").click(function(){
   $(this).addClass("selected");
});

После этого вы сможете выбрать его следующим образом:

console.log($("#seasonsDropDown .active").html());

Если вам просто нужно событие onClick, вы можете сделать это следующим образом:

$("#seasonsDropDown li").click(function(){
   console.log($(this).html());
});