Невозможно управлять $ ('input'). Click (function()

Question

Я не могу заставить мое поведение клика вести себя. Мне нужно, чтобы он запускал каждый раз <input> в каждой строке таблицы - и только в этой таблице, а не в <input> в другом месте на странице (не видно на фрагменте).

$('input').click(function() { 

ОДНАКО это делает огонь из всех <input> в другом месте на моей странице (не видел в фрагментах).

Так что я попытался указать его идентификатор .

$('#File_Number').click(function() { 

Но это работает ТОЛЬКО на первой строке таблицы и только на первом <input>.

Каждая строка таблицы генерируется MySQL. Таким образом, существует много вхождений id="file_number".

Здесь функционирует исходный код: http://jtjohnston.net/clickeventtest/database.php

В идеале я хотел бы событие щелчка, чтобы стрелять из каждого из этих ид, которые существуют в каждой строке.

id="File_Number" 
id="File_DateTime" 
id="Address" 
id="File_Comments" 

<tr id="2013-0469"> 
<td id=""><input id="File_Number" value="2013-0455" type="readonly" size="7"></td> 
<td id=""><input id="File_DateTime" value="2013-03-16 03:08:12" type="readonly" size="18"></td> 
<td id=""><input id="Address" value="123 Sesame Street" type="readonly" size="20"></td> 
<td id=""><input id="File_Comments" value="Something said done entered" type="readonly" size="30"></td> 
</tr> 
<tr id="2013-0570"> 
<td id=""><input id="File_Number" value="2013-0965" type="readonly" size="7"></td> 
<td id=""><input id="File_DateTime" value="2013-03-17 02:08:14" type="readonly" size="18"></td> 
<td id=""><input id="Address" value="123 Baker Street" type="readonly" size="20"></td> 
<td id=""><input id="File_Comments" value="Something said done entered" type="readonly" size="30"></td> 
</tr> 

<script type='text/javascript'> 
//$.removeCookie("test"); 

//$('input').click(function() { 
$('#File_Number').click(function() { 
    var id = $(this).parents('tr').attr('id'); 
     alert(id); 
// $.cookie("Row_Id", id, { expires : 10}); 
     window.open("something.php","_new"); 

}); 

</script> 

Answer 1

идентификаторы должно быть уникальными, замените все входные идентификаторы с классом вместо этого, а затем настроить Jquery соответствующим образом ориентированных на класс, например,

$('.File_Number').click(function() { 
    var id = $(this).parents('tr').attr('id'); 
     alert(id); 
// $.cookie("Row_Id", id, { expires : 10}); 
     window.open("something.php","_new"); 

}); 

Не забудьте добавить идентификатор к вашей таблице слишком (в случае, если вы используете несколько таблиц на этой странице).

Вы могли бы предназначаться его следующим образом:

$('#tableID').on('click', 'input', function() { 

}); 

Answer 2

попробовать этот

$('#tableID td input').click(function() { 
.... 

или делегировать ввод в таблицу, используя on

$('#yourTableID').on('click', 'input', function() { 

и да ... как всегда ... Идентификатор всегда должен быть уникальным ... он может работать, но может помочь вам позже

Answer 3

Используйте событие делегация:

$('#tableid').on('click', 'input', function() { 

#tableid должен быть идентификатором вашего стола, где вы хотите, чтобы слушать его входной ребенок щелчков.

Answer 4

Каждый идентификатор должен быть уникальным на странице, так что вам нужно заменить входные идентификаторы с классами, как

<tr id="2013-0469"> 
    <td id=""><input class="File_Number" value="2013-0455" type="readonly" size="7"></td> 
    <td id=""><input class="File_DateTime" value="2013-03-16 03:08:12" type="readonly" size="18"></td> 
    <td id=""><input class="Address" value="123 Sesame Street" type="readonly" size="20"></td> 
    <td id=""><input class="File_Comments" value="Something said done entered" type="readonly" size="30"></td> 
</tr> 

JS

$('table').on('click', 'input', function(e){ 
    var id = $(this).parents('tr').attr('id'); 
     alert(id); 
// $.cookie("Row_Id", id, { expires : 10}); 
     window.open("something.php","_new"); 

}) 

также добавить идентификатор атрибута в таблицу, так что вы может идентифицировать его легко

<table id="my-table"> 
    <tr> 
     <td>..... 

Затем измените сценарий

$('#my-table').on('click', 'input', function(e){ 

Answer 5

$ (# id_of_your_table тр тд вход) .click (функция ....)