javascript - 在 JavaScript 中获取动态行的特定列值

Question

我正在使用 php 创建动态表，我的屏幕截图中有两行有几列，在两行中，每列都有相同的 id (例如:对于星期一列，第一行和 id 都有 id="mon"="mon"对于第二行)，如果我为第一行输入星期一，在模糊期间我想获取第一行星期一列上输入的值以及同一行项目名称(时间表)。

有人可以帮我吗？

Answer 1

首先一条建议是，不要在不同的元素中使用相同的 id。 “id”属性被设计为在 DOM 中是唯一的。请改用“类”。

对于你所解释的内容...

$('td input').blur(function() {
    var inputValue = $(this).val();
    var idThisColumn = $(this).parent('td').attr('id');
    var projectName = $(this).closest('tr').children('td').first().children('div.projecttitle').text();
});

您没有显示标题在第一个 td 内的格式，因此我给您举一个示例，以防类似...

<td>
    <div class="projecttitle">Timesheet</div>
    <div class="projectdesc">Dashboard Design</div>
</td>

...但请使用适合您案例的选择器。

编辑:

好的，现在您已经向我发送了第一列的格式...

<td>
    <b><div class="projecttitle">{{$currentweek->project_name}}</div></b‌​>
</td>

并且您想要 div 内的内容，所以...

var projectName = $(this).closest('tr').children('td').first().find('div.projecttitle').text();

希望对你有帮助