Shulou(Shulou.com)06/01 Report--

This article introduces the relevant knowledge of "how to obtain element text in jquery". In the operation process of actual cases, many people will encounter such difficulties. Next, let Xiaobian lead you to learn how to deal with these situations! I hope you can read carefully and learn something!

The method to get the element text in jquery is "text()". The text() method gets or sets the text content of the selected element (removing HTML tags) using the syntax "$(selector).text()."

This tutorial operates on Windows 7, jquery version 1.10.2, Dell G3 PC.

The method to get the element text in jquery is "text()".

The text() method sets or returns the text content of the selected element.

When the text() method is used to return a value, it returns the combined text content of all matching elements (removing HTML tags).

Grammar:

$(selector).text() //get text content $(selector).text(content) //Set text content

The text() method has the same effect as the innerText attribute, except that text() is implemented in jQuery and innerText is implemented in JavaScript.

Examples:

$(document).ready(function() { $("button").click(function() { alert($("p").text()); }); }); Returns the text content of all p elements

This is a paragraph.

This is another paragraph.

Extended knowledge: html() vs text()

$(function () { var strHtml = $("p").html(); var strText = $("p").text(); $("#txt1").val(strHtml); $("#txt2").val(strText); })

html() is: text() is:

As you can see from this example, html() fetches everything inside the element, while text() fetches only the text content. In addition, val() methods are used to get and set the value of a form element.

The differences between html() and text() methods can be clearly compared in the following table.

HTML code html()text()(empty string)"jquery how to get element text" content is introduced here, thank you for reading. If you want to know more about industry-related knowledge, you can pay attention to the website. Xiaobian will output more high-quality practical articles for everyone!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.