- Trending Categories
Data Structure
Networking
RDBMS
Operating System
Java
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
Place an H1 element and its text at a particular index in jQuery
To set an element and it’s text, use the text() method in jQuery. With that, use the :nth-child selector to place it at a particular position. Following is the code −
Example
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initialscale=1.0">
<title>Document</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
</head>
<body>
<h1 class='demo'>JavaScript</h1>
<h1 class='demo'>MySQL</h1>
<h1 class='demo'>MongoDB</h1>
<h1 class='demo'>Java</h1>
<h1 class='demo'>C#</h1>
<script>
$('h1:nth-child(4)').text("Python");
</script>
</body>
</html>To run the above program, save the file name “anyName.html(index.html)” and right click on the file. Select the option “Open with Live Server” in VS Code editor.
Output
This will produce the following output −
Updated on 10-Sep-2020 06:59:49
- Related Questions & Answers
- Sort an array and place a particular element as default value in JavaScript
- Get the index of a particular element in an ArrayList in Java
- How to access index of an element in jQuery?
- Inserting element at falsy index in an array - JavaScript
- Get the last index of a particular element in an ArrayList in Java
- How to change text inside an element using jQuery?
- How to remove an array element by its index in MongoDB?
- Insert an element into Collection at specified index in C#
- Replace an element at a specified index of the Vector in Java
- How do I replace a character at a particular index in JavaScript?
- How to place the text at the center of an Entry box in Tkinter?
- How do you remove an array element by its index in MongoDB
- Write a program to find the index of particular element in an array in javascript?
- C# program to remove characters starting at a particular index in StringBuilder
- How can I select an element by its class name using jQuery?
Advertisements