Skip to main content

Estou estudando jQuery e js e estou tentando converter o seguinte código jQueryjQuery sem sucesso para jsjavascript puro:

    $.each($("p"), function (i, el) {
        var el = $(el);
        el.html(el.html() + " - " + i);
});

$.each($("p"), function(i, el) {
  var el = $(el);
  el.html(el.html() + " - " + i);
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>

<p>Teste</p>
<p>Teste</p>
<p>Teste</p>
<p>Teste</p>
<p>Teste</p>

O que consegui fazer até agora foi:

var elements = document.querySelectorAll("p");

Array.prototype.forEach.call(elements, function(el, i){
    var el = el;
    var teste = el.innerHTML += 
    teste " - " + i;
});

Estou estudando jQuery e js e estou tentando converter o seguinte código jQuery sem sucesso para js puro:

    $.each($("p"), function (i, el) {
        var el = $(el);
        el.html(el.html() + " - " + i);
});

O que consegui fazer até agora foi:

var elements = document.querySelectorAll("p");

Array.prototype.forEach.call(elements, function(el, i){
    var el = el;
    var teste = el.innerHTML += 
    teste " - " + i;
});

Estou tentando converter o seguinte código jQuery sem sucesso para javascript puro:

$.each($("p"), function(i, el) {
  var el = $(el);
  el.html(el.html() + " - " + i);
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>

<p>Teste</p>
<p>Teste</p>
<p>Teste</p>
<p>Teste</p>
<p>Teste</p>

O que consegui fazer até agora foi:

var elements = document.querySelectorAll("p");

Array.prototype.forEach.call(elements, function(el, i){
    var el = el;
    var teste = el.innerHTML += 
    teste " - " + i;
});
Fonte Link

Como escrever o seguinte código jQuery em JavaScript puro?

Estou estudando jQuery e js e estou tentando converter o seguinte código jQuery sem sucesso para js puro:

    $.each($("p"), function (i, el) {
        var el = $(el);
        el.html(el.html() + " - " + i);
});

O que consegui fazer até agora foi:

var elements = document.querySelectorAll("p");

Array.prototype.forEach.call(elements, function(el, i){
    var el = el;
    var teste = el.innerHTML += 
    teste " - " + i;
});