Dev Faq
6
votes

Comment afficher un mot particulier en gras en utilisant jQuery?

Comment afficher un mot particulier en gras en utilisant jQuery. xxx

ici, je veux rendre le nom d'utilisateur (utilisateur) à être audacieux, le reste de la phrase doit être normal. en utilisant jQuery?

1 commentaires

Quelle étiquette #resulte pointe-t-elle?

7 Réponses :

2
votes

Essayez: 


$('#result').html('<strong>'+user+'</strong>' + ' already Exists');

0 commentaires
3
votes

Utiliser html au lieu de texte xxx

1 commentaires

Au lieu de $ ('# Button1'). Attrib (désactivé ', FALSE) ;, j'utiliserais reploVeattr (' désactivé »). Mais c'est une question de préférence, je suppose.

1
votes 
function OnSuccess(response) {
            var user = $('#username').val();
            if (response.d == 1) {


                $('#result').html('<strong>' + user + '</strong> already Exists');
                $('#Button1').attr('disabled', true);

            } else {
                $('#result').html('Username <strong>'+user +'</strong> Ok');
                $('#Button1').attr('disabled', false);
            }


        }
this should do it.
0 commentaires
2
votes

Il est possible en changeant .text () code> à .html () code> et faisant passer un moral de HTML, par exemple: 

$('#result').html('<strong>' + user + '</strong> already Exists');

0 commentaires
1
votes 
$('#resut').html("Hello " + "<span class='bold'>" + user  +"</span>");
0 commentaires
2
votes

Vous pouvez utiliser .css () pour définir le poids de la police d'attribut sur audacieux. Exemple: $ ('# mytext'). CSS ('Font-Poids', 'Bold')

0 commentaires
3
votes

Je préfère personnellement utiliser une étiquette d'enveloppe propre pour mettre en surbrillance le nom d'utilisateur. 

function OnSuccess(response) {
            var user = $('#username').val();
            if (response.d == 1) {


                $('#result').html('<span id="user">' + user + '</span> already Exists');
                $('#Button1').attr('disabled', true);

            } else {
                $('#result').html('Username <span id="user">'+user +'</span> Ok');
                $('#Button1').attr('disabled', false);
            }

            $('#user').css('font-weight', 'bold');

        }

0 commentaires

Articles qui pourrait vous intéresser :

Select2 ne s'affiche pas correctement dans le mode bootstrap
datetimepicker ne fonctionne pas avec bootstrap 4?
L'appel Ajax n'affiche pas de réponse en cas de succès
django admin - Comment ajouter du javascript à la fin d'un fichier