dots Created with Sketch.
Yogesh Chauhan's Blog

How to change value of a span tag using a reference from another div using jQuery?

in jQuery on January 23, 2021

We can use jQuery ID selector and target the span inside any element.

With jQuery ID selector we can select a single element with the given id attribute.

For id selectors, jQuery makes use of the JavaScript function document.getElementById().

After getting the element, we can set it’s content using either .text() or .html() method.

Example

Few more Things to know about jQuery ID selector

We’ll get a jQuery object in return when we call jQuery() (you can also use $()) with an id selector as its argument. The object will contain a collection of either zero or one DOM element.

We’re aware of the basic HTML rule about id attribute. Each id must be used only once within the HTML document.

If by mistake, you have more than one element that has the same ID then jQuery will only select the first matched element in the DOM.

An HTML document that has more than one element with the same ID attribute is invalid.

While using jQuery ID selector, you have to escape the characters with backslashes if the id contains characters like periods or colons.

amazon

Most Read

#1 How to check if radio button is checked or not using JavaScript? #2 Solution to “TypeError: ‘x’ is not iterable” in Angular 9 #3 How to add Read More Read Less Button using JavaScript? #4 How to uninstall Cocoapods from the Mac OS? #5 PHP Login System using PDO Part 1: Create User Registration Page #6 How to Use SQL MAX() Function with Dates?

Recently Posted

#Jul 22 Is there a CSS parent selector? #Jul 22 Difference between :where and :is in CSS #Jul 22 Does :is() pseudo selector hint at CSS preprocessing in the future? #Jul 22 Control Scrolling with CSS Scroll Snap #Jul 21 Control rendering using CSS content-visibility property #Jul 21 How to use @supports rule in CSS?
You might also like these
A Quick Guide to Object-Oriented Programming in PHPPHPSteps to Secure a VPNMiscellaneousHow to create a secure random number using JavaScript?JavaScriptHow to get user’s Browser and Operating Systems information using PHP?PHPWhat’s new in WordPress 5.5?WordPressHow to create a pricing table using flex in CSS?CSSWhat Is a Graph Database?MiscellaneousINTERSECT and EXCEPT in PostgresPostgresHow to remove N/A from Radio Button list in Drupal?DrupalHow to create a Child Theme in WordPress?WordPressHow to link/add CSS file to HTML Document?CSSHow to remove WordPress TinyMCE Editor buttons?WordPress