Форум

nikolaichIl · #1 (**permalink**) 09.03.2018, 23:58

имеем простой код

<ul>
  <li>Folder 1
    <ul>
      <li>Sub Item 1.1</li>
      <li>Sub Item 1.2</li>
      <li>Sub Item 1.3</li>
      <li>Sub Item 1.4</li>
    </ul>
  </li>
<ul>

query text() для первого элемента <li> возвращает не только - "Folder 1", но и текст дочерних элементов.

Как это избежать ?

рони · #2 (**permalink**) 10.03.2018, 01:26

nikolaichIl,

<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  </style>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

  <script>
$(function() {
  alert($("li:first").contents().eq(0).text());
});
  </script>
</head>

<body>
<ul>
  <li>Folder 1
    <ul>
      <li>Sub Item 1.1</li>
      <li>Sub Item 1.2</li>
      <li>Sub Item 1.3</li>
      <li>Sub Item 1.4</li>
    </ul>
  </li>
</ul>


</body>
</html>

nikolaichIl · #3 (**permalink**) 10.03.2018, 01:52

Спасибо !

Atheist · #4 (**permalink**) 10.03.2018, 03:08

Мне кажется
$("li:first").text()
будет вполне достаточно

j0hnik · #5 (**permalink**) 10.03.2018, 03:10

Atheist,
а если взять и проверить?

рони · #6 (**permalink**) 10.03.2018, 03:10

Atheist,

<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  </style>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

  <script>
$(function() {
  alert($("li:first").text());
});
  </script>
</head>

<body>
<ul>
  <li>Folder 1
    <ul>
      <li>Sub Item 1.1</li>
      <li>Sub Item 1.2</li>
      <li>Sub Item 1.3</li>
      <li>Sub Item 1.4</li>
    </ul>
  </li>
</ul>


</body>
</html>

Atheist · #7 (**permalink**) 10.03.2018, 03:52

j0hnik,
да, мой косяк, не разобрался и сейчас заодно открыл для себя новые свойства jquery

j0hnik · #8 (**permalink**) 10.03.2018, 04:09

Atheist, наверное все таки методы, a не свойства, исходя из темы.

nikolaichIl · #9 (**permalink**) 10.03.2018, 20:58

Хорошо.
А перечислить только текст дочерних элементов первого уровня через .children() и each(function() и text()
({

})

<ul class = "menu">
  <li>Folder 1
    <ul>
      <li>Sub Item 1.1
        <ul>
          <li>Sub Item 1.1.1</li>
          <li>Sub Item 1.1.2</li>
          <li>Sub Item 1.1.3</li>
          <li>Sub Item 1.1.4</li>
        </ul>
      </li>
      
      <li>Sub Item 1.2</li>
      <li>Sub Item 1.3</li>
      <li>Sub Item 1.4</li>
    </ul>
  </li>
  
    <li>Folder 2
    <ul>
      <li>Sub Item 2.1</li>
      <li>Sub Item 2.2</li>
      <li>Sub Item 2.3</li>
      <li>Sub Item 2.4</li>
    </ul>
  </li>
</ul>

рони · #10 (**permalink**) 10.03.2018, 21:10

nikolaichIl,
???

Форум

Справочник

Discord чат

Курсы javascript