17

他の機能のためにリンクが必要なため、リンクのクリックを抑制したいテーブルがあります。

テーブルの構造は次のようなものです。

<table>
<tr><th>Day</th><th>Event</th>
<tr class="DAY" id="DAY_0"><td>1-8-2013</td><td><a href="?tab=tabCalendar&dayEvent=DAY_0">Add Event</a></td></tr>
<tr class="DAY" id="DAY_1"><td>2-8-2013</td><td><a href="?tab=tabCalendar&dayEvent=DAY_1">Add Event</a></td></tr>
</table

ページの更新を試みてブロックし、IDを表示する私のjqueryコードはこれです

<script>
  $("a").click(
      function(event) {
        event.preventDefault();
        alert('Picked: '+ event.target.id.slice(4) );
      }
    );
  </script>

私も次のことを試しました

$(".DAY").click(function(){//to catch the class DAY.click()

そしてさえ

$("[id^=DAY]").click(function(){//to catch the id DAY*.click

ただし、これらの関数はどれも何もしませんでした。

私が使用しているバージョンは

jquery-1.9.1.js
jquery-ui-1.10.3.custom.js
4

5 に答える 5

8

スクリプトを入れてみるDOM READY 

<script type="text/javascript">
    $(document).ready(function(){
        $("a").on('click',function(event) {
            event.preventDefault();
            alert('Picked: '+ $(this).parent('td').parent('tr').id.slice(4) );
        });
     });
</script>
于 2013-08-06T12:05:38.547 に答える
3

クリックされidたものに最も近い ものを見つける必要がありますtra

試す

jQuery(function($){
    $("a").click(function(event) {
        event.preventDefault();
        alert('Picked: '+ $(this).closest('tr').attr('id').slice(4) );
    });
});
于 2013-08-06T12:05:58.143 に答える