How to add the <li> tags

Asked

Viewed 52 times

0

I wonder how do I add up the amount of <li>

Follow an example:

<ul>
    <li>exemplo 1</li>
     <li>exemplo 2</li>
     <li>exemplo 3</li>
     <li>exemplo 4</li>
  </ul>

<p class="mostrar_resultado"> 4 </p>

javascript html

2 answers

4

Without jQuery: document.querySelectorAll().length gives you the answer

<ul>
    <li>exemplo 1</li>
     <li>exemplo 2</li>
     <li>exemplo 3</li>
     <li>exemplo 4</li>
  </ul>

<p id="resultado" class="mostrar_resultado"></p>

<script type="text/javascript">
  document.getElementById('resultado').innerHTML =
    document.querySelectorAll('li').length;
</script>

3

With Jquery, use $("li").length.

$(".mostrar_resultado").text($("li").length)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul>
  <li>exemplo 1</li>
  <li>exemplo 2</li>
  <li>exemplo 3</li>
  <li>exemplo 4</li>
</ul>

<p class="mostrar_resultado"></p>

Follows documentation of .length()

Browser other questions tagged javascript html

You are not signed in. Login or sign up in order to post.