javascript - 查找数组中的哪个 div 包含 Value，并将它的 Value 返回给一个新的 var

Question

单击按钮时，我会获取 Select 控件的当前 值，就像这样...

$('#myBtn').on('click', function (clickEvent) {
    var nameSelected = document.getElementById('mySelectControl').getElementsByTagName('span')[0].innerText;
    //...
}

这很好。该值是正确的。假设 nameSelected 的值为“Bob”。

'Bob' 也存在于我页面的其他地方，在表格中。有多个表，但只有 1 个表包含值“Bob”。

每个表都分配了 square 类。

以下是我如何在我的表格中找到名字(Bob 或其他)。我只是在 Chrome 的控制台中执行此操作。

为每个表创建一个数组:

var tables = $('.square').each(function () {
    $(this).html();
})

在索引 0 处抓取表并从表中获取名称:

var name = $(tables[0]).find('tr:eq(0)').find('td').text();

这一切都有效。上述语句的结果将是“Bob”、“Jon”或“Bill”等。

我需要的是不同的 td 的值，来自包含 nameSelected 的表(来自上面的 Select 控件)。例如伪代码:

var phone = $(tables).find('tr:eq(6)').find('td').text();
WHERE
name == nameSelected

我希望这是有道理的。基本上是尝试从 td(0).text< 中具有 nameSelected 的 div 中获取 td(6).text 的值.

我只是不确定如何写最后一个声明，我已经尝试了一些东西。单击按钮时，我想执行所有这些操作。我希望伪代码可以帮助...

Answer 1

您不需要创建所谓的“每个表的数组”。您可以将您的代码放在 each() 函数中，然后简单地检查名称以查看您是否找到了您正在寻找的人(例如 Bob)，然后 break 这样您就不会继续搜索在其他表格中不必要地:

var search = 'Bob';
var phone;
$('.square').each(function() {
  var name = $(this).find('tr:eq(0)').find('td').text();
  if (name === search) {
    phone = $(this).find('tr:eq(6)').find('td').text();
    return false; //Break out of the loop.
  }
});