Comment faire pour obtenir l'élément parent de la valeur à l'aide de jquery?

J'ai une table avec un couple de lignes avec deux cellules dans chaque ligne et chaque cellule a quelques infos comme le nom d'un bureau, l'adresse et le numéro de téléphone, etc. Utilisation de jquery pour chacun, l'adresse est tirée à partir de chaque cellule et de la fed dans google map geocoder objet de faire le point et tracer sur la carte. Maintenant à chaque coup d'une valeur d'Adresse, je voudrais également saisir la valeur unique de téléphone et nom du bureau de la cellule en cours de jquery qui est d'obtenir la valeur de l'adresse..j'ai besoin de ces valeurs afin que je puisse afficher ces valeurs dans la bulle informative de la carte? Comment puis-je obtenir ces valeurs?

<table class="OfficeInfo" border="0" style="width: 100%" cellspacing="10px" cellpadding="15px">
<tr>
<td class="Office1" style="width=40%">  
<span class="OfficeName">
<div id="ctl00_PlaceHolderMain_ctl00_ctl17_label" style='display:none'>Office1Link</div><div id="ctl00_PlaceHolderMain_ctl00_ctl17__ControlWrapper_RichLinkField" class="ms-rtestate-field" style="display:inline" aria-labelledby="ctl00_PlaceHolderMain_ctl00_ctl17_label"><div class="ms-rtestate-field"><a href="/" target="_blank">St. Francis Hospital</a></div></div>
</span>
<span class="Address">
2001 86th Street West  <br />Indianapolis, IN 46260        
</span> <br />
<span class="Phone">
(402) 123-1234</span><br /><br />
<a class="mapdirectionsLink" href="#">map &#38; directions&#62;</a><br /><br />
<span class="Hours">
MTW:9:00AM-5:00PM</span>
</td>
<td class="Office2" style="width:40%">  
<span class="OfficeName">
<div id="ctl00_PlaceHolderMain_ctl00_ctl21_label" style='display:none'>Office2Link</div><div id="ctl00_PlaceHolderMain_ctl00_ctl21__ControlWrapper_RichLinkField" class="ms-rtestate-field" style="display:inline" aria-labelledby="ctl00_PlaceHolderMain_ctl00_ctl21_label"><div class="ms-rtestate-field"><a href="/" target="_blank">St. Margaret's Hospital</a></div></div>
</span>    
<span class="Address">
8075 North Shadeland Avenue <br />Indianapolis, IN 46250</span><br />
<span class="Phone">
(316) 123-3245</span><br /><br />
<a class="mapdirectionsLink" href="#">map &#38; directions&#62;</a><br /><br />
<span class="Hours">
MTW:9:00AM-5:00PM</span>
</td>
</tr> 
<tr>                                   
<td class="Office3" style="border-top:1px dotted silver;  width:40%;">
<span class="OfficeName">
<div id="ctl00_PlaceHolderMain_ctl00_ctl25_label" style='display:none'>Office3Link</div><div id="ctl00_PlaceHolderMain_ctl00_ctl25__ControlWrapper_RichLinkField" class="ms-rtestate-field" style="display:inline" aria-labelledby="ctl00_PlaceHolderMain_ctl00_ctl25_label"><div class="ms-rtestate-field"><a href="/" target="_blank">Munster Women's Center</a></div></div>
</span>
<span class="Address">
395 Westfield Road <br />Noblesville, IN 46060</span><br />
<span class="Phone">
(316) 123-3245</span><br /><br />  
<a class="mapdirectionsLink" href="#">map &#38; directions&#62;</a><br /><br />
<span class="Hours">
MTW:9:00AM-5:00PM</span>
</td>
<td  style="border-top:1px dotted silver;  width:40%">                          
</td>
</tr>               
</table>
function codeAddress() {
var infowindow = new google.maps.InfoWindow({}); 
$('span.Address').each(function(index) {
var addy = $(this).text();
var off_name = $(this).siblings('.OfficeName').children(.ms-rtestate-field).text();
var infowindow = new google.maps.InfoWindow({  content: 'Hello world'   });
geocoder.geocode( { 'address': addy}, function(results, status) {
if (status == google.maps.GeocoderStatus.OK) {
map.setCenter(results[0].geometry.location);
var marker = new google.maps.Marker({
map: map, 
position: results[0].geometry.location,
title:addy          
});
//var currentCell=(this).closest(td).html()); 
//Adding a click event to the marker 
google.maps.event.addListener(marker, 'click', function() { 
infowindow.setContent('<span style="color:#808080; font-size:13px; font-family:Trebuchet">'+addy 
+'<br> <a href="http://maps.google.com/maps?saddr=&daddr=' + this.position.toUrlValue() + '" target ="_blank">Get Direction To Here<\/a>'+                      
off_name + '</span>'); 
infowindow.open(map, this); 
});  
} else {
alert("Geocode was not successful for the following reason: " + status);
}
});
});
}
Pourrait être intelligent pour ajouter vos javascript, ou mieux: il suffit de coller les parties pertinentes, et ajouter le reste d'un jsfiddle (jsfiddle.net)
J'ai ajouté le javascript aussi... je veux obtenir le nom d'un bureau et numéro de téléphone sur le contexte actuel de "il"..
Non pas que je veux pinailler sur des détails, je vous recommande d'identifier vos éléments avec un id unique, au lieu de classes. De cette façon, vous pouvez cibler des éléments spécifiques. Bien que vous pouvez le faire avec des classes, une classe est destinée à être un générique de déclaration qui peut être partagé par de nombreux éléments, alors qu'un id est unique et spécifique à un seul élément.
par les regards de la déformation ctl00_... id sur la durée, il est l'aide de ASP.NET. Depuis webforms mungo, l'ID est tellement mal en point qu'il est souvent plus facile d'utiliser les noms de classe (c'est ce que je fais) plutôt que de saupoudrer <% [ControlID].ClientID %> code tous sur la place. Cependant, je suis d'accord que si vous voulez des éléments uniques, vous avez besoin d'au moins unique de la classe des noms, si vous n'êtes pas à l'aide de l'ID.

OriginalL'auteur AJSwift | 2011-11-17