Question

我在同一页面中有多个html表格，我想在点击国家时获取国家/地区代码获取最接近的国家/地区代码值

Ex： - 1）.country-click nearest - India 例如： - 2）。国家 - 点击最近 - 中国例如： - 3）.country-点击最近 - 日本

这是我的表

<table>
  <tr>
    <td><button id="country">Country</button></td>
  </tr>
  <tr>
    <td id="code">India</td>
  </tr>
</table>
<table>
  <tr>
    <td><button id="country">Country</button></td>
  </tr>
  <tr>
    <td id="code">China</td>
  </tr>

</table>
<table>
  <tr>
    <td><button id="country">Country</button></td>
  </tr>
  <tr>
    <td id="code">Japan</td>
  </tr>
</table>

这是脚本代码

$(document).ready(function(){
    $("button").click(function(){
        console.log($(this).parents().closest('tr').find('#code').html());
    });
});

感谢您的建议。

Answer 1

您可以将兄弟姐妹用于表格行

对于代码段格式化很抱歉，出于某种原因，我无法在此编辑器中对其进行格式化。

你在寻找最近的tr方面做得很好，现在你必须检查包含＆＃34; #code＆＃34;的元素的兄弟行。 id（你应该在这里使用class而不是id，id必须是唯一的，如berko所评论的那样）。

这是jquery代码：

$(document).ready(function(){
    $("button").click(function(){             
        alert($(this).closest('tr').siblings().find('#code').html());
    });
});

..这里是片段：

＆＃13;

$(document).ready(function(){
      $("button").click(function(){             alert($(this).closest('tr').siblings().find('#code').html());
    });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table id="country">
  <tr>
    <td><button>Country</button></td>
  </tr>
  <tr>
    <td id="code">India</td>
  </tr>
</table>
<table id='country'>
  <tr>
    <td><button>Country</button></td>
  </tr>
  <tr>
    <td id="code">China</td>
  </tr>

</table>
<table  id="country">
  <tr>
    <td><button>Country</button></td>
  </tr>
  <tr>
    <td id="code">Japan</td>
  </tr>
</table>

＆＃13;

如何从表单中的多个表中获取每个数据

1 个答案: