trim() method in jQuery

Ethan Karla 569 28 Jul 2021

What is the trim() method in jQuery? Explain it with the help of an example?

Ask by Ethan Karla

Updated 14 Jun 2023

1 Answers

Aryan Kumar 14 Jun 2023

The jQuery trim() method is used to remove whitespace from the beginning and end of a string. It is a chainable method, which means that you can call other jQuery methods on the returned object.

The trim() method takes no arguments.

Here is an example of how to use the trim() method:

Code snippet

// Select the element with the id 'my-element'
var element = $('#my-element');

// Get the text content of the element
var text = element.text();

// Trim the whitespace from the beginning and end of the text
var trimmedText = text.trim();

The trim() method can also be used to remove whitespace from the beginning and end of an attribute value. For example, the following code will remove the whitespace from the beginning and end of the href attribute value of the element with the id 'my-element':

Code snippet

// Select the element with the id 'my-element'
var element = $('#my-element');

// Get the href attribute value of the element
var href = element.attr('href');

// Trim the whitespace from the beginning and end of the href attribute value
var trimmedHref = href.trim();

The trim() method is a useful tool for removing whitespace from strings and attribute values. It can be used to improve the readability of your code and to make sure that your code is consistent.

Here are some additional examples of how the trim() method can be used:

// Trim the whitespace from the beginning and end of the value of the input element with the id 'my-input' $('#my-input').val().trim();

// Trim the whitespace from the beginning and end of the text content of all elements with the class 'my-class' $('.my-class').text().trim();

Markdown for AI

A clean, structured version of this page for AI assistants and LLMs.

Open .md

forum

trim() method in jQuery

Can you answer this question?

1 Answers