查找具有附加类的隐藏元素

Question

我有一个Asp网格视图，我正在使用CSS类隐藏元素。当选择网格上的一行时，我有一个jQuery函数，它添加了selected_row类并更改了颜色。我正在尝试查找所选行并隐藏行的数据。我的功能看起来像这样

$(function() {
  $("[id*=MainContent_grvAccounts] td").bind("click", function() {
    var row = $(this).parent();
    $("[id*=MainContent_grvAccounts] tr").each(function() {
      if ($(this)[0] != row[0]) {
        $("td", this).removeClass("selected_row");
      } else {
        var hiddenElements = $("body").find(".hidden-field").not("script");
        console.log(hiddenElements);
        var myElements = Array.from(hiddenElements, element => element.innerHTML);
        console.log(myElements);                                         
      }
    });
    $("td", row).each(function() {
      if (!$(this).hasClass("selected_row")) {
        $(this).addClass("selected_row");
      } else {
        $(this).removeClass("selected_row");
      }
    });
  });

在DOM中，我可以看到它们的类名称为“ hidden-field selected_row”。

当我尝试使用jQuery grep进行过滤时，我的数据返回为空。 我需要var hiddenElements仅包含具有类名hidden-field selected_row

的元素

Answer 1

我最终使用

var hiddenElements = row.find(".hidden-field"); 

获取我的数据。