jquery子表ID

尝试从表id =“1” 获取表格ID在下面的HTML /脚本当点击账户或账单链接我想抓取表ID，所以我可以通过该表ID到另一个功能是抓取AJAX数据。表ID是cined dyno。这是测试数据jquery子表ID

<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>

来源

2012-10-17 Metehanson

你不能有一个数字作为ID，称之为id =“tab1”或类似的东西。 – Anton

也许你“不能”，但即便如此，比如'$（“＃1”）的表达式追加（“喇嘛喇嘛”）;'仍然有效:-) – davidkonrad

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

来源

2012-10-17 11:27:30 davidkonrad

正确，这里是[活测试用例]（http://jsfiddle.net/ c8S9n /）来帮助可视化这一点。 –

这将做到这一点... – Metehanson

你可以得到这样的

$('.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); 
});

Updated Jsfiddle

来源

2012-10-17 11:20:09 rahul

我得到一个错误undifined JS – Metehanson

提琴手链接http://jsfiddle.net/RpakG/56/ – Metehanson

@MeteAgar我已经更新我的代码，请检查现在 – rahul

我想补充一个ATTRIB对每个包含您想要搜索的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-17 11:34:27 SBurris

什么是Jquey班轮获得一个链接内容，所以我知道哪个链接点击以及 – Metehanson

@MeteAgar $（this）.text（） – SBurris

jquery子表ID

回答

相关问题