Traitement ciblé sur certains ID de ma page?

**bPlaTyPuS** · 15/03/2011, 10h07

Hello!

J'ai le HTML suivant (issu de SharePoint

) :

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
<td id="nestWPCentralZone"> 
<table> 
<tbody> 
<tr> 
<tr> 
<tr> 
      <td> 
            <table> 
            <tbody> 
            <tr> 
            <td id="MSOZoneCell_WebPartWPQ6">
       <td> 
            <table> 
            <tbody> 
            <tr> 
            <td id="MSOZoneCell_WebPartWPQ7">
        ....

PS: je n'ai pas mis les balises fermantes, mais elles sont bien là hein

PS2: cette structure peut se retrouver ailleurs sur la page, mais PAS en étant descendant de l'ID "nestWPCentralZone"!

Ensuite j'ai le code jQuery suivant, qui fonctionne partiellement:

Code :

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

1
2
3
4
5
6
7
 
$('td[id*="MSOZoneCell_WebPartWPQ"]>table>tbody>tr>td').each
        function()
          {
                /* Traitement qui fonctionne déjà ;-) */           
          }
);

Mon problème, c'est que ce code jQuery target actuellement tous les <td id="MSOZoneCell_WebPartWPQX"> de ma page....

Hors je veux que ce code ne s'applique UNIQUEMENT au <td id="MSOZoneCell_WebPartWPQX"> descendant de <td id="nestWPCentralZone">.

J'ai donc essayé les codes jQuery suivant, mais sans succès:

Code :

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

1
2
3
4
5
6
 
$('#nestWPCentralZone table>tbody>tr> td[id*="MSOZoneCell_WebPartWPQ"]>table>tbody>tr>td').each
 
$('#nestWPCentralZone').find('td[id*="MSOZoneCell_WebPartWPQ"]').each
 
$('#nestWPCentralZone').children('td[id*="MSOZoneCell_WebPartWPQ"]>table>tbody>tr>td').each

Vu que je ne suis vraiment pas à l'aise avec jQuery, je suis complètement bloqué là

Si qqn a LA solution ça serait franchement

MERCI d'avance!
bPlaTyPuS

**SpaceFrog** · 15/03/2011, 10h15

Code :

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

$(#nestWPCentralZone").children("td[id^='MSOZoneCell_WebPartWPQ']"

**bPlaTyPuS** · 15/03/2011, 10h55

Envoyé par SpaceFrog

Code :

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

$(#nestWPCentralZone").children("td[id^='MSOZoneCell_WebPartWPQ']"

hello! Merci pour ta réponse, mais ça ne fonctionne toujours pas

Ce que tu proposes me donnerais ça:

Code :

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

$("#nestWPCentralZone").children("td[id^='MSOZoneCell_WebPartWPQ']").each(

**SpaceFrog** · 15/03/2011, 10h58

ceci étant tes imbrications multiples de table

**bPlaTyPuS** · 15/03/2011, 11h02

Envoyé par SpaceFrog

ceci étant tes imbrications multiples de table

oui, je sais... mais bon là j'ai pas trop le choix! C'est SharePoint qui génère ce code!

edit: et vu que tu fais partie du

Comité Contre le Mot "Problème" dans les Titres de Posts

, je suis sûr que tu as une solution

**SpaceFrog** · 15/03/2011, 11h04

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
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript" src="JQScripts/jquery-1.4.3.min.js"></script>
<title>Nouvelle page 1</title>
 
<script type="text/javascript">
$(function(){
 $("#nestWPCentralZone").find("td[id^='MSOZoneCell_WebPartWPQ']").html('coucou').css({'background-color':'red'})
})
</script>
 
</head>
 
<body>
<table>
<tr>
<td id="nestWPCentralZone"> 
<table> 
<tbody> 
<tr> 
<tr> 
<tr> 
      <td> 
            <table> 
            <tbody> 
            <tr> 
            <td id="MSOZoneCell_WebPartWPQ6">
       		<td> 
            <table> 
            <tbody> 
            <tr> 
            <td id="MSOZoneCell_WebPartWPQ7">
			 </tr>
			 </tbody>
			 </table>
			 </tbody>
			 </table>
	 </td>
</tr>
</tbody>	
</table> 		 
</body>

**bPlaTyPuS** · 15/03/2011, 11h22

Envoyé par SpaceFrog

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
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript" src="JQScripts/jquery-1.4.3.min.js"></script>
<title>Nouvelle page 1</title>
 
<script type="text/javascript">
$(function(){
 $("#nestWPCentralZone").find("td[id^='MSOZoneCell_WebPartWPQ']").html('coucou').css({'background-color':'red'})
})
</script>
 
</head>
 
<body>
<table>
<tr>
<td id="nestWPCentralZone"> 
<table> 
<tbody> 
<tr> 
<tr> 
<tr> 
      <td> 
            <table> 
            <tbody> 
            <tr> 
            <td id="MSOZoneCell_WebPartWPQ6">
       		<td> 
            <table> 
            <tbody> 
            <tr> 
            <td id="MSOZoneCell_WebPartWPQ7">
			 </tr>
			 </tbody>
			 </table>
			 </tbody>
			 </table>
	 </td>
</tr>
</tbody>	
</table> 		 
</body>

effectivement ca fonctionne.... j'ai un problème dans mon traitement alors

Vais checker ca! Merci en tout cas!

Traitement ciblé sur certains ID de ma page?

jQuery

Vue hybride

Discussions similaires

Partager

Partager