javascript - how to Replace each character with other character in Jquery - Stack Overflow

admin管理员组

文章数量:1393908

I'm trying to make a textarea input field which automatically replaces specific characters to different characters; example: when a user types "a" character it should be automatically replaced with "o" character. I'm new to jquery so can you please tell what's wrong with the following code:

$(function() {
    $('#myTextBox').keyup(function() {
        $("a").replaceWith( "o" );
        $("z").replaceWith( "N" );
        $("y").replaceWith( "M" );
        $("p").replaceWith( "f" );
        $("v").replaceWith( "K" );
        $("b").replaceWith( "P" );
    });
});

I appreciate your help, thank you

edit:

thank you all, the following worked as expected:

$(function() {
    $('#myTextBox').keyup(function() {

        $(this).val($(this).val().replace(/a/g, "o"));

    });
});

I'm trying to make a textarea input field which automatically replaces specific characters to different characters; example: when a user types "a" character it should be automatically replaced with "o" character. I'm new to jquery so can you please tell what's wrong with the following code:

$(function() {
    $('#myTextBox').keyup(function() {
        $("a").replaceWith( "o" );
        $("z").replaceWith( "N" );
        $("y").replaceWith( "M" );
        $("p").replaceWith( "f" );
        $("v").replaceWith( "K" );
        $("b").replaceWith( "P" );
    });
});

I appreciate your help, thank you

edit:

thank you all, the following worked as expected:

$(function() {
    $('#myTextBox').keyup(function() {

        $(this).val($(this).val().replace(/a/g, "o"));

    });
});

• javascript
• jquery
• string
• replace

Share Improve this question Follow edited Nov 6, 2015 at 14:51 Ali Erfani 69211 gold badge1111 silver badges2727 bronze badges asked Jun 11, 2011 at 15:24 Sami joki Sami joki 2311 silver badge44 bronze badges 3

• The jquery selector is meant for selecting dom elements. Not to select value from a text box. you should be using the val() function to get the values – Sujit Agarwal Commented Jun 11, 2011 at 15:28
• RE: "is that correct?" Well, have you tried it in your application? – Kon Commented Jun 11, 2011 at 15:58
• I changed the code an used val() function, but not sure if that's correct.. – Sami joki Commented Jun 11, 2011 at 15:58

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 4

First of all $("a") actually targets all anchor elements on the page, so I'm guessing that's not what you want (and others don't even exist, except p, so your selector will return nothing). Secondly, you can use regular expressions to do your replace without any special jQuery code.

Instead of:

$("a").replaceWith( "o" );

Try:

$(this).val($(this).val().replace(/a/g, "o"));

To break that down:

var oldValue = $(this).val();
var newValue = oldValue.replace(/a/g, "o");

// Set to new value
$(this).val(newValue);

http://jsfiddle/2fYdT/69/

$(document).ready(function() {
    $(".normal").each(function() {
        var text = $(this).html();
        text = text.replace(/"/g, '');
        $(this).html(text);
    });
});

for something like this:

<div class="normal">Lorem "ipsum "dolor"</div>

Result:

<div class="normal">Lorem ipsum dolor</div>

本文标签： javascripthow to Replace each character with other character in JqueryStack Overflow