0

アカウントまたは請求書のリンクをクリックしたときに、下のhtml /スクリプトのテーブルID = "1"からテーブルIDを取得しようとしています。テーブルIDを取得して、そのテーブルIDを別の関数に渡してAJAXデータを取得できるようにします。テーブル ID は作成された dyno です。これはテストデータです

<html>
<head>
<script src="jquery-1.8.2.min.js"></script>
<script type = "text/javascript">
$(document).ready(function() {                  
                $('.toggler').click(function(event){
                    event.preventDefault();
                    $(this).parent().find('.content').slideToggle();
                    var a = $(this).next("div").find(".content").children().attr("id");
                    alert(a);

                }); 
</script>
</head>
<body>
<table border="1">
    <tr>
        <td>
            <table id="MainTable">
                <tr>
                    <td>
                        <div class="toggler-wrap">
                            <a href="#" class="toggler">Account </a>
                            <a href="#" class="toggler">Bill</a>
                            <div class="content">   
                                <table id="1">
                                    <tr><td>Content will come here</td></tr>                                    
                                </table>
                            </div>
                        </div>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
    <tr>
        <td>
            <table id="MainTable">
                <tr>
                    <td>
                        <div class="toggler-wrap">
                            <a href="#" class="toggler">Account</a>
                            <a href="#" class="toggler">Bill</a>
                            <div class="content">   
                                <table id="2">
                                    <tr><td>Content will come here</td></tr>                                    
                                </table>
                            </div>
                        </div>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
    </table>
</body>
</html>
4

3 に答える 3

1

あなたはこのようにそれを得ることができます

$('.content').find('table').attr('id');

更新されたコード:

 $('.toggler').click(function(event){
      event.preventDefault();
      $(this).parent().find('.content').slideToggle();
      var a = $(this).parent().find(".content").find('table').attr('id');
      alert(a);
 });

更新されたJsfiddle

于 2012-10-17T11:20:09.670 に答える
1 
$('.toggler').click(function(event){
   event.preventDefault();
   $(this).parent().find('.content').slideToggle();
   var a = $(this).parent().find('table').attr("id");
   alert(a);
});
于 2012-10-17T11:27:30.283 に答える
0

検索する ID を含む各リンクに属性を追加し、それを使用して探している特定のテーブルを見つけます。

<html>
<head>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type = "text/javascript">
$(document).ready(function() {                  
                $('.toggler').click(function(event){
                    event.preventDefault();
                    var targetId = $(this).attr('data-id');
                    //Call ajax with the target Id

                    var content = $('table[id="' + targetId + '"] td').text();
                    alert(content);

                    $(this).parent().find('.content').slideToggle();
                }); 
            });
</script>
</head>
<body>
<table border="1">
    <tr>
        <td>
            <table id="MainTable">
                <tr>
                    <td>
                        <div class="toggler-wrap">
                            <a href="#" class="toggler" data-id="1">Account </a>
                            <a href="#" class="toggler" data-id="1">Bill</a>
                            <div class="content">   
                                <table id="1">
                                    <tr><td>Content for id 1</td></tr>                                    
                                </table>
                            </div>
                        </div>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
    <tr>
        <td>
            <table id="MainTable">
                <tr>
                    <td>
                        <div class="toggler-wrap">
                            <a href="#" class="toggler" data-id="2">Account</a>
                            <a href="#" class="toggler" data-id="2">Bill</a>
                            <div class="content">   
                                <table id="2">
                                    <tr><td>Content for id 2</td></tr>                                    
                                </table>
                            </div>
                        </div>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
    </table>
</body>
</html>
于 2012-10-17T11:34:27.590 に答える