Adding tags li

Question

Adding tags li

Navigation

#1 by (4 votes)
#2 by (3 votes)

0

I would like to know how to add the amount of <li>

Here's 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

asked by anonymous 27.10.2016 / 05:03

2 answers

PHP Error Parse error: syntax error, unexpected '"', expecting T_STRING or T_VARIABLE or T_NUM_STRING [closed] Multidimensional array in C # equal to PHP?

score 4 · Answer 1

No 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>

score 3 · Answer 2

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>exemplo1</li><li>exemplo2</li><li>exemplo3</li><li>exemplo4</li></ul><pclass="mostrar_resultado"></p>

Follow documentation of .length()