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

This article focuses on "how jquery changes td content". Interested friends may wish to have a look at it. The method introduced in this paper is simple, fast and practical. Let's let the editor take you to learn how jquery changes td content.

Jquery change td content methods: 1, use "$(td element)" statement to match td object; 2, use eq () method and html () method to change the content of td, the syntax is "td object .eq (to change the position of the element). Html (changed value)".

The operating environment of this tutorial: windows7 system, jquery1.10.0 version, Dell G3 computer.

How does jquery change td content

1. Create a new html file, named test.html, to explain how jquery modifies the values in td in the table. Introduce the jquery.min.js library file and load it successfully before you can use the methods in jquery. Create a two-row and two-column table using table, tr, and td tags, and set its border to 1px.

Create a button with the name "modify TD value" using the button tag. Bind the onclick click event to the button button, and execute the edittd () function when the button is clicked.

2, in the js tag, create the edittd () function, within the function, get the collection of td objects through the element name td, use the eq (2) method to get the third td object, and then use the html () method to modify the value of td. For example, here you change the value of td to 3.

The html () method returns or sets the content (inner HTML) of the selected element. If the method does not set a parameter, it returns the current contents of the selected element.

The eq () method specifies one on the index that reduces the set of matching elements.

Open the test.html file in the browser and click the button to see the effect of the implementation.

After clicking the button:

At this point, I believe you have a deeper understanding of "how jquery changes td content". You might as well do it in practice. Here is the website, more related content can enter the relevant channels to inquire, follow us, continue to learn!

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.