Article Categories
- All Categories
-
Data Structure
-
Networking
-
RDBMS
-
Operating System
-
Java
-
MS Excel
-
iOS
-
HTML
-
CSS
-
Android
-
Python
-
C Programming
-
C++
-
C#
-
MongoDB
-
MySQL
-
Javascript
-
PHP
-
Economics & Finance
Selected Reading
How can we concatenate two strings using jQuery?
To concatenate two strings use the + concatenation operator. String concatenation in jQuery follows the same JavaScript syntax, allowing you to combine multiple strings, variables, and HTML content dynamically.
You can try to run the following code to learn how to concatenate two strings using jQuery ?
Example
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(function(){
$("a").click(function(){
var id = $(".id").html();
var greeting = "Hello ";
var combinedText = greeting + id;
$('.myclass').html("<br><div class='new' id='" + id + "'>" + combinedText + "</div>");
});
});
</script>
</head>
<body>
<div class="new">
<a href="#">Click me</a>
<div class="myclass"></div>
<div class="id">Tutorialspoint</div>
</div>
</body>
</html>
The output of the above code is ?
When you click the "Click me" link, it will display: Hello Tutorialspoint
In this example, we demonstrate string concatenation in multiple ways:
- Concatenating a variable with a string:
greeting + id - Concatenating strings within HTML attributes:
"id='" + id + "'" - Combining multiple concatenated strings in the
html()method
Conclusion
String concatenation in jQuery uses the standard JavaScript + operator to combine strings, variables, and dynamic content. This technique is essential for building dynamic HTML content and manipulating DOM elements effectively.
Updated on: 2026-03-13T17:45:06+05:30
6K+ Views
Advertisements