Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 25.07.2015, 02:08
Интересующийся
Отправить личное сообщение для nikolaichIl Посмотреть профиль Найти все сообщения от nikolaichIl
 
Регистрация: 06.10.2011
Сообщений: 20

Как с помощью jQuery получить текст из li
<ul>
  <li>Folder 1</a>
    <ul>
      <li>Folder 2
        <ul>
          <li><a href="#">Sub Item</a></li>
        </ul>
      </li>
    </ul>
  </li>
</ul>

Как с помощью jQuery получить в отдельные переменные тексты
"Folder 1"
"Folder 2"
"Sub Item"

Последний раз редактировалось nikolaichIl, 25.07.2015 в 09:28.
Ответить с цитированием
  #2 (permalink)  
Старый 25.07.2015, 02:51
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

nikolaichIl,
Пожалуйста, отформатируйте свой код!

Для этого его можно заключить в специальные теги: js/css/html и т.п., например:
[js]
... ваш код...
[/js]


О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.

вариант
<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">

  </style>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  <script>
$(function(){
var arr = $("ul *").contents().filter(
             function() {
                 return (this.nodeType == 3 && /\S/.test(this.nodeValue));
             }
         )
arr = $.map(arr, function(el){
  return  $.trim(el.nodeValue);
});
alert(arr)
});

  </script>
</head>

<body>

<ul>
 <li>Folder 1
 <ul>
 <li>Folder 2
 <ul>
 <li><a href="#">Sub Item</a></li>
 </ul>
 </li>
 </ul>
 </li>
 </ul>

</body>

</html>
Ответить с цитированием
  #3 (permalink)  
Старый 25.07.2015, 11:20
Интересующийся
Отправить личное сообщение для nikolaichIl Посмотреть профиль Найти все сообщения от nikolaichIl
 
Регистрация: 06.10.2011
Сообщений: 20

Спасибо!
А можно без регулярных выражений?
Кроме того небольшое изменение
<div id="navid" class="navclass">
  <ul>
    <li>Folder 1</a>
      <ul>
        <li>Folder 2
          <ul>
            <li><a href="#">Sub Item</a></li>
          </ul>
        </li>
      </ul>
    </li>
  </ul>
</div>

Как с помощью jQuery получить в РАЗНЫЕ - не в массив, переменные тексты
"Folder 1"
"Folder 2"
"Sub Item"

Как с помощью jQuery получить в переменную текст "Folder 1"
Как с помощью jQuery получить в переменную текст "Folder 2"
Как с помощью jQuery получить в переменную текст "Sub Item"

Последний раз редактировалось nikolaichIl, 25.07.2015 в 12:21.
Ответить с цитированием
  #4 (permalink)  
Старый 25.07.2015, 12:28
Аватар для jasper-blondin
Аспирант
Отправить личное сообщение для jasper-blondin Посмотреть профиль Найти все сообщения от jasper-blondin
 
Регистрация: 11.07.2015
Сообщений: 33

Сообщение от nikolaichIl Посмотреть сообщение
Как с помощью jQuery получить в переменную текст "Folder 1"
Как с помощью jQuery получить в переменную текст "Folder 2"
Как с помощью jQuery получить в переменную текст "Sub Item"
Присвоить переменным элементы массива.

var $firstLi = arr[0];
var $secondLi = arr[1];
var $thirdLi = arr[2];
Ответить с цитированием
  #5 (permalink)  
Старый 25.07.2015, 12:49
Интересующийся
Отправить личное сообщение для nikolaichIl Посмотреть профиль Найти все сообщения от nikolaichIl
 
Регистрация: 06.10.2011
Сообщений: 20

Спасибо!
А можно без регулярных выражений?
Ответить с цитированием
  #6 (permalink)  
Старый 25.07.2015, 13:57
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

Сообщение от nikolaichIl
А можно без регулярных выражений?
можно если вы напишите html в одну строку без переносов и пробелов между тегами
Ответить с цитированием
  #7 (permalink)  
Старый 25.07.2015, 17:42
Интересующийся
Отправить личное сообщение для nikolaichIl Посмотреть профиль Найти все сообщения от nikolaichIl
 
Регистрация: 06.10.2011
Сообщений: 20

Вопрос о решении без регулярных выражений остался, к сожалению, без ответа.

Сообщение от nikolaichIl
html в одну строку без переносов и пробелов между тегами
- это, извините, плохо.
Дополнен код:
<div id="navid" class="navclass">
  <ul>
    <li>Folder 1</a>
      <ul>
        <li><a href="#">Sub Item 1.1</a></li>
        <li><a href="#">Sub Item 1.2</a></li>
        <li>Folder 2
          <ul>
            <li><a href="#">Sub Item 2.1</a></li>
            <li><a href="#">Sub Item 2.2</a></li>
            <li><a href="#">Sub Item 2.3</a></li>
          </ul>
        </li>
      </ul>
    </li>
  </ul>
</div>


Как получить в следующем формате, как, например, для "Sub Item 2.2":
alert(путь: 0=>2=>1; текст: Folder 1=>Folder 2=>Sub Item 2.2)


Наверное, это другая тема - Как с помощью jQuery получить информацию из li

Последний раз редактировалось nikolaichIl, 25.07.2015 в 21:05.
Ответить с цитированием
  #8 (permalink)  
Старый 25.07.2015, 19:59
Аватар для jasper-blondin
Аспирант
Отправить личное сообщение для jasper-blondin Посмотреть профиль Найти все сообщения от jasper-blondin
 
Регистрация: 11.07.2015
Сообщений: 33

Сообщение от nikolaichIl Посмотреть сообщение
- это, извините, плохо.
Это, как раз, очень удобно.
А какова причина отказа от использования регулярных выражений?
Ответить с цитированием
  #9 (permalink)  
Старый 27.07.2015, 13:38
Аватар для Sigizmund2012
Профессор
Отправить личное сообщение для Sigizmund2012 Посмотреть профиль Найти все сообщения от Sigizmund2012
 
Регистрация: 16.07.2014
Сообщений: 267

Сообщение от jasper-blondin
А какова причина отказа от использования регулярных выражений?
Не шарит он в них походу.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как получить значение с помощью JavaScript? griga999 Общие вопросы Javascript 2 22.02.2015 01:57
Изменяющийся блок clor Элементы интерфейса 9 22.08.2014 14:25
Как получить значение title с помощью js? faforty Общие вопросы Javascript 4 25.08.2011 18:47
lastChild работает в IE, как тут быть? Puaris83 Firefox/Mozilla 4 17.04.2010 23:56