jQuery: Удаление определенных и специальных символов из строки
Как удалить определенные и специальные символы из строки при помощи jQuery. В этом руководстве вы узнаете, как удалить определенные и специальные символы из строки в jQuery.
Как удалить определенные символы из строки в jQuery
- Метод 1 - удалить определенные символы из строки в jQuery
- Метод 2 - jQuery удаляет специальные символы из строки
Метод 1 - удалить определенные символы из строки в jQuery
Если у вас есть строка, например: "- my name is MakeCodes". И хотите удалить символ "-" из строки, смотрите для этого следующий пример кода:
<html lang="en">
<head>
<title>How to remove all spaces from string in JQuery? - makecodes.ru</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<style>
body{
background: rgb(216, 232, 215);
}
.container{
background: rgb(247, 228, 220);
margin-top: 14%;
height: 300px;
width: 51%;
border: 3px solid red !important;
}
.container h4{
margin-bottom: 42px;
font-size: 25px;
}
</style>
</head>
<body>
<div class="container text-center border">
<h4 class="mt-5 font-weight-bold">How to remove all spaces from string in JQuery? - MakeCodes.ru</h4>
<input id="my-id" value="-my name is MakeCodes">
<button class="btn btn-primary mx-auto d-block mt-4 ">Remove White Space</button>
</div>
<script type="text/jаvascript">
$("button").click(function(){
var myText = $("#my-id").val();
myText = myText.replace('-', '');
alert(myText);
});
</script>
</body>
</html>
Метод 2 - jQuery удаляет специальные символы из строки
Если у вас есть строка специальных символов, например: “-my name is @#makecodes” . И хотите удалить символ "@#" из строки, тогда смотрите для этого следующий пример кода:
<html lang="en">
<head>
<title>How to remove all spaces from string in JQuery? - MakeCodes.ru</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<style>
body{
background: rgb(216, 232, 215);
}
.container{
background: rgb(247, 228, 220);
margin-top: 14%;
height: 300px;
width: 51%;
border: 3px solid red !important;
}
.container h4{
margin-bottom: 42px;
font-size: 25px;
}
</style>
</head>
<body>
<div class="container text-center border">
<h4 class="mt-5 font-weight-bold">How to remove all spaces from string in JQuery? - makecodes.ru</h4>
<input id="my-id" value="-my name is @#makecodes">
<button class="btn btn-primary mx-auto d-block mt-4 ">Remove White Space</button>
</div>
<script type="text/jаvascript">
$("button").click(function(){
var myText = $("#my-id").val();
str= myText.replace(/[^\w\s]/gi, '');
alert(str);
});
</script>
</body>
</html>
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.