Sélectionner des LI spécifiques

**Thewil** · 23/06/2009, 11h02

Bonjour à tous,

J'ai un petit problème de sélection que je n'arrive pas à faire. J'ai un objet JQUERY sortable dans lequel j'ai des LI. Je voudrais sélectionner tout les LI de ce sortable. L'ID de tout ces LI commence par liNom. J'ai essayer pas mal de choses mais je n'ai pas réussi à faire cette sélection.Auriez vous une petite idée pour que j'avance svp

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<ul id="sortable" class="" unselectable="on">
<li id="liNom.............."</li>
<li id="liNom.............."></li>
<li id="liNom.............."></li>
</ul>

Merci

**danielhagnoul** · 23/06/2009, 13h14

Bonjour.

Voici un exemple :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="Author" content="Daniel Hagnoul" />
	<title>Page type</title>
	<style type="text/css">
		body {
			background-color:#696969;
			color:#000000;
			font-family:Arial, Helvetica, sans-serif;
			font-size:medium;
			font-style:normal;
			font-weight:normal;
			line-height:normal;
			letter-spacing:normal;
		}
		h1,h2,h3,h4,h5 {
			font-family:"Times New Roman", Times, serif;
		}
		div,p,h1,h2,h3,h4,h5,h6,ul,ol,dl,form,table,img {
			margin:0px;
			padding:0px;
		}
		p {
			padding:6px;
		}
		ul,ol,dl {
			list-style:none;
			padding-left:6px;
			padding-top:6px;
		}
		li {
			padding-bottom:6px;
		}
		div#conteneur {
			width:95%;
			margin:12px auto;
			padding:6px;
			background-color:#FFFFFF;
			color:#000000;
			border:1px solid red;
			font-size:0.8em;
		}
		div#affiche {
			margin:12px;
			border:1px solid #999999;
		}
	</style>
	<!-- <script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.js"></script> -->
	<script type="text/javascript" src="../lib/jquery-1.3.2.min.js"></script>
	<script type="text/javascript">
		(function($){
 
			/*
			* James Padlosey : Regex Selector for jQuery.
			* http://www.jquery.info/spip.php?article91
			*/
			$.expr[':'].regex = function(elem, index, match) {
				var matchParams = match[3].split(','),
				validLabels = /^(data|css):/,
				attr = {
					method: matchParams[0].match(validLabels) ? matchParams[0].split(':')[0] : 'attr',
					property: matchParams.shift().replace(validLabels,'')
				},
				regexFlags = 'ig',
				regex = new RegExp(matchParams.join('').replace(/^\s+|\s+$/g,''), regexFlags);
 
				return regex.test(jQuery(elem)[attr.method](attr.property));
			}
 
			$(document).ready(function(){
				$("li:regex(id,^liNom)").each(function(i, item){
					$("#affiche").append("<p>item[" + i + "] = " + item + ", item.tagName = " + item.tagName + ", item.id = " + item.id + ", $(item).text() = " + $(item).text() + ".</p>");
				});
			});
 
		})(jQuery);
	</script>
</head>
<body>
	<div id="conteneur">
		<ul id="sortable">
			<li id="liNom1">Li nom 1</li>
			<li id="liNom2">Li nom 2</li>
			<li id="liNom3">Li nom 3</li>
		</ul>
		<div id="affiche"></div>
	</div>
</body>
</html>

**SpaceFrog** · 23/06/2009, 13h23

il existe une extension jquery qui permet de regExper avec les $()
sinon j'ai collé un script dans les contribution forum js pour utiliser les regExp avec getElement(s)ById

**Thewil** · 23/06/2009, 14h11

Moi qui croyait que je pourrais faire ça avec les selecteurs jQuery de base j'étais loin de réussir lol

Merci en tout cas, je test ça dès que possible

**danielhagnoul** · 23/06/2009, 17h23

Envoyé par SpaceFrog

il existe une extension jquery qui permet de regExper avec les $()

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$.expr[':'].regex = function(elem, index, match) {

Et mon exemple c'est quoi ?

Sélectionner des LI spécifiques

jQuery

Vue hybride

Discussions similaires

Partager

Partager