在JS / Jquery中使用.find()和.each()

时间:2016-02-12 16:57:19

标签: javascript jquery html

我是一个PHP文件,它是一个由几个表组成的视图(主要是HTML)。 当用户单击其中一个button时,我希望将进入我的单元格(以及正确的表格)的变量发送到我的数据库中的表格。

要做到这一点,我以后会使用AJAX,但目前我使用JS / Jquery时遇到了问题。

所以我做了这样的事情:

$('.boutton').click(function(){

    $(?).find('td input').each(function(){
        console.log($(this));
        console.log($(this).val());

        var iValue = $(this).val();
        var sAllId = $(this).attr('id');
        var sName  = $(this).attr('name')
    });

});

我的表格和按钮分为div id" table" +表的编号。

我不知道该怎么做,因为我希望这可以在每张桌子和每个按钮上工作。它必须只选择单击按钮的表中的td输入。

我的HTML是一个变量$ sHtml,因为这个表中的所有内容都是由数据组成的(在我的数据库中)但它应该是这样的:

  <table id = "domaine-1-south">
    <tr>
      <th>BlaBla</th>  // Several times
    </tr>
    <tr>
      <td>Blabla</td>
      <td><input id = "1#1#1#" name="high"></td>
      <td><input id = "1#1#1#" name="mid"></td>
      <td><input id = "1#1#1#" name="low"></td>
    </tr>
     <tr>
      <td>Blabla</td>
      <td><input id = "1#1#2#" name="high"></td>
      <td><input id = "1#1#2#" name="mid"></td>
      <td><input id = "1#1#2#" name="low"></td>
    </tr>

对于id 1#1#1#,最后一个用于行号,第二个用于表I&#39; m。

1 个答案:

答案 0 :(得分:0)

您可以使用“开头”选择器^=来选择idtable开头的所有表格:

$('[id^="table"]').find('td input').each(function(){

但是在您的OP中,您想要选择与点击的按钮table相关的特定.boutton,所以我猜您在表格中有button这样您可以选择当前table使用:

$(this).closest('table[id^="table"]').find('td input').each(function(){

希望这有帮助。