suchen

Heim  >  Artikel  >  Web-Frontend  >  So fügen Sie Li-Tags und -Attribute mit jQuery hinzu

So fügen Sie Li-Tags und -Attribute mit jQuery hinzu

php中世界最好的语言
php中世界最好的语言Original
2018-03-14 16:47:374048Durchsuche

Dieses Mal stelle ich Ihnen die jQuery-Methode zum Hinzufügen von Li-Tags und -Attributen vor. Hinweise zur -Methode zum Hinzufügen von Li-Tags und Hinzufügen von Attributen mit jQuery Welche, die folgenden sind praktische Fälle, werfen wir einen Blick darauf. 

<%@page import="java.util.ArrayList"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
 pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
 <script type="text/javascript" src="http://www.daimajiayuan.com/download/jquery/jquery-1.10.2.min.js"></script> 
 <!-- 3.0 --> 
 <link href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="external nofollow" rel="stylesheet"> 
 <script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script> 
</head>
<body>
<ul id="listproject" class="list-group">
		<script type="text/javascript">			
		var JSarray = new Array();
		JSarray[0] = "array0";
		JSarray[1] = "array1";
		JSarray[2] = "array2";
		JSarray[3] = "array3";
		JSarray[4] = "array4";		
		for(var i = 0;i<5;i++){
			$("#listproject").append("<li id=li"+i+">"+JSarray[i]+"</li>");	//在ul标签上动态添加li标签
			$("#li"+i).attr("class",&#39;list-group-item&#39;);		//为li标签添加class属性
		}
		$(&#39;li&#39;).on(&#39;click&#39;,function(){ 		//绑定事件
		 alert("事件绑定成功！"); 
		}); 
	</script>
</body>
</html>

Operationsergebnisse:

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall gelesen haben Weitere spannende Inhalte finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Empfohlene Lektüre:

Wie jQuery Ereignisse an dynamisch generierte Tags bindet

Wie jQuery den Wert von Tag-Unterelementen erhält

Wie jQuery den Wert im P-Tag erhält und ändert

So verwenden Sie die isPlainObject()-Methode von jQuery

jquery fügt HTML-Tags mit Stilen hinzu

Das obige ist der detaillierte Inhalt vonSo fügen Sie Li-Tags und -Attribute mit jQuery hinzu. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Detaillierte Erläuterung des js-Arrays und der SortiermethodeNächster Artikel：Detaillierte Erläuterung des js-Arrays und der Sortiermethode

In Verbindung stehende Artikel

Mehr sehen