выбор ячейки таблицы на основе ее идентификатора с помощью jquery

Question

выбор ячейки таблицы на основе ее идентификатора с помощью jquery

0

У меня есть таблица, настроенная как

<table class="tab1" width="400" cellpadding="20">
     <tr>
         <td id="cell1">Name</td>
         <td id="cell2">Company</td>
     </tr>
</table>

Доступ к нему осуществляется с помощью

<script type="text/javascript">
     $(document).ready(function(){
         if($('#cell1').attr('click',true)) {
             alert("Cell 1 was clicked");
         }
     });     
</script>

Я хочу, чтобы предупреждающее сообщение отображалось при щелчке ячейки1. В настоящее время я не получаю никакой информации.

user544079 25 сен. 2013, в 21:38

Источник

Теги:

javascript

jquery

6 ответов

1

Ваш селектор jquery должен выбрать подходящую ячейку и подключить к нему обработчик onclick следующим образом:

$('td#cell1').on('click', function(){
    alert('cell1 clicked');
});

Max Malyk 25 сен. 2013, в 18:09

1

$('#cell1').on('click',function(){
       alert("Cell 1 was clicked");
 });

Irfan TahirKheli 25 сен. 2013, в 17:01

0

В вашем jQuery кода, вам необходимо ориентировать элемент с ID, как, что:

$('#cell1').click(function(){
    alert('cell1 was clicked');
});

Если вы хотите быть более общим в таргетинге, сделайте так:

$('#my-table td').click(function(){
    alert($(this).attr('name')+' was clicked');
});

С помощью этого HTML кода:

<table id="my-table" class="tab1" width="400" cellpadding="20">
     <tr>
         <td name="cell1">Name</td>
         <td name="cell2">Company</td>
     </tr>
</table>

Со вторым методом вы можете разложить привязку кликов LI

deformhead 25 сен. 2013, в 18:33

0

Пытаться

$("td#cell1").click(function() {
  alert("Cell 1 was clicked")
});

oceanexplorer 25 сен. 2013, в 18:23

0

Поскольку это ID я бы сразу приложил его, attr не то, что вы ищете.

$('#cell1').click(function(){
    alert('Cell1 has been clicked!');
});'

Надеюсь это поможет.

m33bo 25 сен. 2013, в 18:10

Ещё вопросы

j08691 · Accepted Answer · 2013-09-25T18-03-00.000Z

Пытаться:

$('td').click(function(){
    if(this.id=='cell1') alert('cell1 clicked');
});

Пример jsFiddle

Вам нужно использовать событие click, а не атрибут (attr()). В зависимости от того, что вам нужно, вы также можете просто привязать непосредственно к ячейке с идентификатором ячейки1 с помощью $('#cell1').click(function(){...})