0
votes

JQuery - Obtenez le premier personnage de Word après l'espace

Utilisé ci-dessous HTML & JS pour obtenir le premier caractère de chaîne et d'affichage. Manuellement sa possible de calculer et d'obtenir de la valeur.

Lorsque sa marche est dynamique et nom avec seulement le premier et le nom de famille, je ne sais pas comment calculer la position de caractère après l'espace et obtenir le premier caractère de mot. P>

<div class="name">Desmond Patrick Reymond</div>

<div class="splitname">
    <span class="fname">D</span>
    <span class="mname">P</span>
    <span class="lname">R</span>
</div>

javascript jquery

0 commentaires

3 Réponses :

1
votes

Utilisez cette logique: xxx

Si vous devez modifier le code HTML programmatisé, faire: xxx

(Ce n'est pas vraiment une bonne pratique Pour utiliser mappe pour les effets secondaires; vous pouvez choisir d'utiliser foreach à la place.)



                                                                    
                                    
                                    
                                        0 commentaires


                        
                                            
                            
                                
                                    0
 votes
                                
                            
                            
                                
                                     Vous pouvez simplement utiliser  correspondance ()  fonction et un simple  regex  code> pour obtenir les données de texte dynamique avec  espaces  code> sans avoir à vérifier  charat ()  code> 
  


<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="name">Desmond Patrick Reymond</div>
<div class="splitname"></div>

                                

                                                                    
                                    
                                    
                                        0 commentaires
                                        
                                                                                    
                                    
                                                            
                        
                        
                                            
                            
                                
                                    0
 votes
                                
                            
                            
                                
                                     Vous pouvez utiliser  array # divisé  code> et  tableau # mappe  code> et  tableau # joindre  code> comme dans la démo ci-dessous. Le résultat sera le suivant: 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="name">Desmond Patrick Reymond</div>

<div class="splitname"></div>

                                

                                                                    
                                    
                                    
                                        0 commentaires