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

Posted 2023-05-09

【中文标题】获取javascript中动态行的特定列值

【英文标题】：Get particular columns value for dynamic rows in javascript

【发布时间】：2018-03-01 00:03:00

【问题描述】：

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

谁能帮帮我？

【参考方案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();

希望对你有帮助

【讨论】：

您需要什么信息？如果您需要模糊输入的 id... $(this).attr('id');让我知道您需要哪些具体数据

如果我输入星期一，我需要星期一的列 ID 和值以及该行的项目名称。

这就是我要给你的。让我们做点什么，编辑您的问题，而不是表格的图片，粘贴表格的 html 代码，然后让我知道您需要从该代码中获得哪些属性或值。

是的，您的代码正在获取值，我无法在此代码中获取该行项目名称的值...... var projectName = $( this).closest('tr').children('td').first().children('div.projecttitle').text();

正如我在答案中解释的那样，这可能是因为我不知道项目名称在第一列中的格式。我给你举一个例子。如果你给我看第一列的“td”（项目名称在哪里），我可以做到这一点。