Itérations avec chaque Quiz Jquery

Question

$('p').each(function (index) { 
 
    var letters = $(this).text().length; 
 
$('p').appendTo('<span> Here is ' + letters + '</span>'); 
 
}); 
 

 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<p>Lorem</p> 
 

 
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. A amet vel fugit repellendus, magni blanditiis delectus autem dicta, omnis odit beatae iusto asperiores, iste. Delectus, eaque reiciendis quibusdam cupiditate molestias officia perspiciatis corporis cumque saepe voluptatem, magnam magni asperiores a!</p>

Bonjour Là, je vous saurais gré de beaucoup d'aide avec mon code, je dois compter toutes les lettres par un <p> Tags et l'afficher sur la fin de <p> tag mais mon code compte tous les balises <p> que j'ai sur la page et le mettre ensemble dans chacun d'entre eux, tout le monde peut me donner des conseils ce qui est. mal et comment le résoudre, Merci beaucoup

Answer 1

Parce que $('p') trouverez tous les <p> à la page de la même façon que vous utilisez pour configurer la requête initiale

Vous souhaitez que l'instance spécifique à l'intérieur du each qui est $(this) et que vous voulez append() pas appendTo()

$('p').each(function (index) { 
 
    var letters = $(this).text().length; 
 
    $(this).append('<span style="color:red"> Here is ' + letters + '</span>'); 
 
}); 
 

 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<p>Lorem</p> 
 

 
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. A amet vel fugit repellendus, magni blanditiis delectus autem dicta, omnis odit beatae iusto asperiores, iste. Delectus, eaque reiciendis quibusdam cupiditate molestias officia perspiciatis corporis cumque saepe voluptatem, magnam magni asperiores a!</p>

Answer 2

$('p').each(function (index) { 
 
    $('<span></span>',{text : " Here is " + $(this).text().length + ""}).css({color:'blue'}).appendTo(this); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<p>Lorem</p> 
 

 
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. A amet vel fugit repellendus, magni blanditiis delectus autem dicta, omnis odit beatae iusto asperiores, iste. Delectus, eaque reiciendis quibusdam cupiditate molestias officia perspiciatis corporis cumque saepe voluptatem, magnam magni asperiores a!</p>