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

This article mainly introduces "how to add attributes to a li node in jquery". In daily operation, I believe many people have doubts about how to add attributes to a li node in jquery. Xiaobian consulted all kinds of materials and sorted out simple and easy-to-use operation methods. I hope it will be helpful to answer the doubt of "how to add attributes to a li node in jquery". Next, please follow the editor to study!

Methods: 1, use the "$(li element)" statement to match the li object; 2, use the ": eq ()" selector to select the specified li node, syntax "li object .eq (location value)"; 3, use the attr () method to add attributes to the specified li node, syntax "li node .attr (" new attribute name "," new attribute value ").

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

How to add attributes to a li node in jquery

In jquery, you can select an element with a specified index value through the: eq () selector. Sets or returns the property value of the selected element in conjunction with the attr () method. Bounds can add attributes to a li node, where the syntax of the attr () method is:

$(selector) .attr (attribute)

Let's take a look at the operation of adding an attribute to a li node through an example, as follows:

1. Create a new html file named test.html, which is used to add the id attribute to the li tag with jquery. Create a list using ul and li tags, and write text in each li for testing. Use css to define a style with id as myli, which is used to confirm that the id attribute has been added to the li.

Create a button with the name "add id attribute" using the button tag. Bind the onclick click event to the button button, and execute the addid () function when the button is clicked.

2. In the js tag, create the addid () function. Within the function, use the $symbol to get the object through the element li, use eq (1) to get the second li object, and set the id attribute of li through the attr () method.

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

After clicking the button:

Summary:

1. Create a test.html file.

2, in the file, in the p tag, use ul, li tags to create a list, and create a button button to trigger the execution of the js function.

3, in the js tag, create a function, in the function, use the $symbol to get the object through the element li, use eq (1) to get the second li object, and set the id attribute of li through the attr () method.

Note:

The attr () method can not only add the id attribute, but also get the value of the id attribute of an element.

At this point, the study on "how to add attributes to a li node in jquery" is over. I hope to be able to solve your doubts. The collocation of theory and practice can better help you learn, go and try it! If you want to continue to learn more related knowledge, please continue to follow the website, the editor will continue to work hard to bring you more practical articles!

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.