[JavaScript]Zastapienie nextElementSibling Opcje

[Star]

Czesc

mam taka tabelke i taki kod JS:

[HTML] pobierz, plaintext 
<table>
	<tr>
		<th>Y</th>
		<th>Name</th>
		<th>Age</th>
		<th>City</th>
	</tr>
	<tr>
		<td><input type="submit" value="Check" class="check" onclick="checkCity(this);"></td>
		<td>A</td>
		<td>B</td>
		<td>C</td>
	</tr>
	<tr>
		<td><input type="submit" value="Check" class="check" onclick="checkCity(this);"></td>
		<td>D</td>
		<td>E</td>
		<td>F</td>
	</tr>
	<tr>
		<td><input type="submit" value="Check" class="check" onclick="checkCity(this);"></td>
		<td>G</td>
		<td>H</td>
		<td>I</td>
	</tr>
</table>
 
<script>
function checkCity(element)
{
	var parent = element.parentNode;
	var city = parent.nextElementSibling.nextElementSibling.nextElementSibling.innerHTML;
 
	alert(city);
}
</script>
[HTML] pobierz, plaintext 

no i wszystko dobrze sie alertuje, tak jak trzeba.Tylko chcialbym wiedziec czy daloby rade jakos to skrocic ? no bo zalozny ,ze kolumna City miala by przed soba wiecej kolumn, wtedy musialbym wrzucac kolejne funkcje nextElementSibling,a to wygladaloby kiepsko. Tak wiec czy jest jakies lepsze rozwiazanie, aby sie do tej kolumny City dobrac ? Zaznacze ze bez JQUERY, to istotne.

Pozdrawiam

Ten post edytował Star 27.08.2016, 13:04:31

[trueblue]

getElementsByTagName i ostatni z kolekcji, albo querySelector