jQuery: вызвать <a /> вложенный элемент ячейки таблицы - PullRequest
Новая
       12

jQuery: вызвать <a /> вложенный элемент ячейки таблицы

1 голос
/ 29 декабря 2008

Можно ли добавить функцию jQuery, чтобы вызывать щелчок в ячейке таблицы? скрытый элемент (который является потомком TD)?

Я пробовал с

$ ('# table td'). Click (function () { . $ (Это) .find ( 'а') нажмите (); });

Другие варианты, но не повезло.

- larsw

Ответы [ 3 ]

5 голосов
/ 29 декабря 2008

Почему бы вам не переместить свой код JavaScript из атрибута href в событие click? jQuery был создан для написания ненавязчивого JavaScript.

Edit:

Нет, но на самом деле рассмотрите возможность удаления этих скрытых ссылок в пользу ненавязчивого JavaScript. Вот соответствующие части переписанного примера Кори:

JS: 

  $(document).ready(function() {
    $('table td').click(function(event) {
      alert($(this).html())
    })
  })

HTML: 

<table border="1">
  <tr>
    <td>a1</td>
    <td>a2</td>
  </tr>
  <tr>
    <td>b1</td>
    <td>b2</td>
  </tr>
</table>
2 голосов
/ 29 декабря 2008 
<html>
<head></head>
<body>
<table border=1>
    <tr>
        <td>a1<a href=# onclick='alert("a1")' /></td>
        <td>a2<a href=# onclick='alert("a2")' /></td>
    </tr>
    <tr>
        <td>b1<a href=# onclick='alert("b1")' /></td>
        <td>b2<a href=# onclick='alert("b2")' /></td>
    </tr>
</table>
<script src="scripts/jquery-1.2.6.min.js" ></script>
<script>
    $(function(){
        $('table td').click(function(){ $(this).find('a').click()});
    })
</script>
</body>
</html>

У меня все отлично работает с этим клипом выше. Однако обратите внимание, что у вашего селектора jQuery есть # перед ним, что будет невозможно, если ваша таблица не имеет id из таблицы.

Сказав это, вероятно, есть лучший способ сделать то, что вы после, чем спрятать теги со встроенным в них javascript.

1 голос
/ 29 декабря 2008

Это будет обходной путь, если вы хотите избежать добавления клика: 

$('#table td').click(function() { 
    $(this).find('a').each(function(){ window.location = this.href; });
});
...