jQuery - dostanie się do inputa który jest komórką tabeli mając tylko id tabeli

0 
<!DOCTYPE HTML>
<html lang="pl">
<head>
	<meta charset="utf-8" />
	<title>Najlepsze filmy!</title>
	<meta name="description" content="Przed Tobą spis moich ulubionych filmów. Sprawdź, czy znasz je wszystkie. Uczta dla kinomaniaka!" />
	<meta name="keywords" content="film, kino, najlepsze filmy, top filmy" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<link rel="stylesheet" href="styl.css" type="text/css"/>
	
	<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.2.min.js"></script>
	
	<script type="text/javascript">
	
	
	$(document).ready(function(){
	
		});
		
	</script>
</head>

<body>

<table id="usersTable">

<tr>
	<th>x1</th>
	<th>x2</th>
	<th>x3</th>
</tr>

<tr>
	<td>x4</td>
	<td>x6</td>
	<td><input type="text"/></td>
</tr>

<tr>
	<td>x5</td>
	<td>x7</td>
	<td><input type="text"/></td>
</tr>

</table>

<button id="sum" type="button" >button</button>

</body>
</html>

Mam tu kod z html. Chciałbym wykorzystując jQuery dostać się do dowolnego inputa, pobrać z niego wartość i przypisać ja do zmiennej. Problem jest taki, że mam wykorzystać do tego tylko id tabeli, a nie mogę inputowi przypisać id. Jak to najprościej zrobić? Jestem dopiero początkujący w jQuery.

1 
        $(document).ready(function(){
		$( "#sum" ).click(function() {               
			var zmienna=$("#usersTable tr:nth-child(2)").find('input[type="text"]').val();                
			var zmienna2=$("#usersTable tr:nth-child(3)").find('input[type="text"]').val();     
				wynik = parseInt(zmienna)+parseInt(zmienna2);
			alert( wynik);
		});
	});

Tutaj masz link do dokumentacji jak się odwoływać do elementów, które nie posiadają identyfikatorów, klas. http://api.jquery.com/nth-child-selector/

0

To na pewno jest dobrze? Bo coś mi nie działa ten twój sposób

<!DOCTYPE HTML>
<html lang="pl">
<head>
	<meta charset="utf-8" />
	<title>Najlepsze filmy!</title>
	<meta name="description" content="Przed Tobą spis moich ulubionych filmów. Sprawdź, czy znasz je wszystkie. Uczta dla kinomaniaka!" />
	<meta name="keywords" content="film, kino, najlepsze filmy, top filmy" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<link rel="stylesheet" href="styl.css" type="text/css"/>
	
	<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.2.min.js"></script>
	
	<script type="text/javascript">
	
	
	$(document).ready(function(){
			$( "#sum" ).click(function() {
				if($("#usersTable").length)
               {
					var zmienna=$("#usersTable tr"):nth-child(2).find('input[type="text"]').val();
				}
				alert( zmienna);
			});
		});
	</script>
</head>

<body>

<table id="usersTable">

<tr>

<th>x1</th>

<th>x2</th>

<th>x3</th>

</tr>

<tr>

<td>x4</td>

<td>x6</td>

<td><input type="text"/></td>

</tr>

<tr>

<td>x5</td>

<td>x7</td>

<td><input type="text"/></td>

</tr>

</table>

<button id="sum" type="button" >Sumuj</button>

</body>
</html>
1

Machnąłem się. Edytowałem pierwszy post.

1 użytkowników online, w tym zalogowanych: 0, gości: 1