2015-07-27 6 views
-2

im traying, чтобы получить значение любого нажатого td и показать это в окне alert() с jquery или javascript. Я trayin alote кода вокруг интернета «погуглить», но каждый может это сделать, но в любом случае я собираюсь размещена здесь ...получить значение любого щелкнутого td jquery

$("table tbody").click(function() { 
 
    alert($(this).find('td.value').text()); 
 
}); 
 

 
$(document).ready(function() { 
 
    $('table tbody').find('tr').click(function() { 
 
    alert("row find"); 
 
    alert('You clicked row ' + ($(this).index() + 1)); 
 
    }); 
 
}); 
 

 
$(document).ready(function() { 
 
    $('table tbody').click(function() { 
 
    var i = $(this).index(); 
 
    alert('Has clickado sobre el elemento número: ' + i); 
 
    }); 
 
}); 
 

 
$("table tbody").live('click', function() { 
 
    if $(this).index() === 1) { 
 
    alert('The third row was clicked'); // Yes the third as it's zero base index 
 
} 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table border="1"> 
 
    <thead> 
 
    <tr> 
 
     <td>id</td> 
 
     <td>Nombre</td> 
 
    </tr> 
 
    </thead> 
 
    <tbody> 
 
    <tr> 
 
     <td>1</td> 
 
     <td>miguel</td> 
 
    </tr> 
 
    </tbody> 
 
</table>

+0

какая версия JQuery вы используете? .... 'живой()' устарел уже несколько лет. .. и ушел из текущих версий – charlietfl

ответ

1

Почему бы не прикрепить click событие непосредственно к td? Кроме того, необходимо убедиться, что вы в том числе JQuery ...

$("td").click(function() { 
 
    alert($(this).text()); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<body> 
 
    <table border="1"> 
 
     <thead> 
 
      <tr> 
 
       <td>id</td> 
 
       <td>Nombre</td> 
 
      </tr> 
 
     </thead> 
 
     <tbody> 
 
      <tr> 
 
       <td>1</td> 
 
       <td>miguel</td> 
 
      </tr> 
 
     </tbody> 
 
    </table> 
 
</body>

3

Вам необходимо включить jQuery библиотеку, чтобы начать работать с Это. Затем просто привяжите событие click к вашему td, и вы увидите сообщение alert.

<head> 
    <title></title> 
</head> 
<body> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-alpha1/jquery.min.js" type="text/javascript"> 

// Your code comes here 

Также в следующий раз, если что-то не работает, то первое, что вы должны так идентификатор открыть консоль и проверьте, если вы видите какие-либо ошибки и действовать на них.

  • Использование console.log вместо alert должен быть путь, как alert блокирует поток пользовательского интерфейса полностью.

$("td").click(function() { 
 
    alert($(this).text()); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<table border="1"> 
 
    <thead> 
 
    <tr> 
 
     <td>id</td> 
 
     <td>Nombre</td> 
 
    </tr> 
 
    </thead> 
 
    <tbody> 
 
    <tr> 
 
     <td>1</td> 
 
     <td>miguel</td> 
 
    </tr> 
 
    </tbody> 
 
</table>

+0

Если вы не знаете, что говорит Сушант, используйте инструменты Dev в Google Chrome, чтобы узнать, что происходит на консоли. На своей веб-странице нажмите F12 - затем перейдите на вкладку консоли. Здесь есть ошибки. – gibberish

Смежные вопросы