[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

[by_ikar]

Kod

function checkCity(element) {
    alert(element.parentElement.parentElement.lastElementChild.innerHTML);
}

[Star]

dzieki ,pomoglo

a tak z czystej ciekawosci, gdyby element City nie byl ostatni na liscie tylko np 3 od konca, a wszystkich elementow byloby np 30(teoretycznie), to da sei to jakos wyciagnac bez uzycia getElementsByTagName albo querySelector ?

Ten post edytował Star 27.08.2016, 15:25:55

[Comandeer]

Tak, XPath

[by_ikar]

dzieki ,pomoglo

a tak z czystej ciekawosci, gdyby element City nie byl ostatni na liscie tylko np 3 od konca, a wszystkich elementow byloby np 30(teoretycznie), to da sei to jakos wyciagnac bez uzycia getElementsByTagName albo querySelector ?

Kod

function checkCity(element) {
    var parent = element.parentElement.parentElement;

    alert(parent.childNodes[parent.childNodes.length - 3].innerHTML);
}

[Comandeer]

No nie bardzo, bo childNodes łapią też węzły tekstowe, więc przy takim kodzie pewnie byśmy wyciągnęli tym sposobem jakąś spację

Jak już to elem.children[ index ] (children zawiera tylko elementowe dzieci).

[by_ikar]

Racja, o tym że łapane jest wszystko w sumie zapomniałem, chyba za mało tego typu konstrukcji uzywałem..