Forum PHP.pl > [jQuery] Iteracja po tabeli?

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [jQuery] Iteracja po tabeli?

Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript

Fifi209

2.06.2010, 09:41:22

Mam taki kod:

[JAVASCRIPT] pobierz, plaintext 
	$.each($("tr"), 
		function(i, val) {
			var temp = $("tr:eq(" + i + ") td:eq(1)");
			if (temp.html() == 'tak') {
				temp.css('color', 'red');
			}
		}
	);
[JAVASCRIPT] pobierz, plaintext

Jednak jak na jQuery wydaje się dość skomplikowany. Pytanie brzmi: co źle napisałem lub co pominąłem?

ziqzaq

2.06.2010, 09:57:34

Może coś w tym stylu?

[JAVASCRIPT] pobierz, plaintext 
$('tr > td:contains(tak)').each(function(){
    $(this).css('color', 'red');
});
[JAVASCRIPT] pobierz, plaintext

//Edit: drobna poprawka

[JAVASCRIPT] pobierz, plaintext 
$('tr').find('td:contains(tak):eq(0)').each(function(){
	$(this).css('background', 'red');
});
[JAVASCRIPT] pobierz, plaintext

Fifi209

2.06.2010, 22:10:16

Drugie rozwiązanie jak najbardziej działa

Leci punkcik.

Pytanie drugie, moja tabela wygląda tak:

[HTML] pobierz, plaintext 
<tr><td>naglowek</td><td>naglowek</td></tr>
<tr><td>nazwa</td><td>cos</td><tr/>
<tr><td>nazwa2</td><td>cos2</td></tr>
[HTML] pobierz, plaintext

Kolorowanie tego drugiego pola mamy z głowy, teraz jak po kliknięciu na pole z drugiej kolumny pobrać to co w polu z pierwszej kolumny?

Klikam na "cos" i chcę pobrać "nazwa" etc.

Ja swój problem póki co rozwiązałem na zasadzie klas i id ale wierzę, że da się prościej. ;p

żeby nie było wymyśliłem coś takiego:

[JAVASCRIPT] pobierz, plaintext 
		$('tr').each(
			function() {
				var name = $(this).find('td:eq(0)').html();
				$(this).find('td:eq(1)').click(
					function() {
						update(name, $(this).html());
					}
				);
			}
		);
[JAVASCRIPT] pobierz, plaintext

działać - działa... ale znów jakoś zbyt skomplikowanie wygląda i zapewne da się to prościej rozwiązać. ;p

lukasz_os

3.06.2010, 14:28:30

U mnie klasą xx oznaczyłem elementy które mają być klikane.

[HTML] pobierz, plaintext 
<!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" lang="en">
<head>
	<title></title>
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
	$().ready(function(){
		$(".xx").click(function(){
			alert($(this).prev('td').text());
		});
	});
</script>
</head>
<body>
<table>
	<tr><td>naglowek</td><td>naglowek</td></tr>
	<tr><td>nazwa</td><td class="xx">cos</td><tr/>
	<tr><td>nazwa2</td><td class="xx">cos2</td></tr>
</table>
</body>
</html>
[HTML] pobierz, plaintext

Fifi209

3.06.2010, 15:08:22

I elegancko ;]

Po małych przeróbkach do kolorowania używam:

[JAVASCRIPT] pobierz, plaintext 
		$('tr').find('td:contains(tak)').each(function(){
			$(this).css('background', 'red');
		});
[JAVASCRIPT] pobierz, plaintext

Do pobierania poprzedniej komórki:

[JAVASCRIPT] pobierz, plaintext 
		$('tr').find('td:eq(1)').click(
			function() {
				alert($(this).prev('td').html());
			}
		);
[JAVASCRIPT] pobierz, plaintext

Dziękuję ślicznie ;]

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.