javascript - 动态声明时如何查询类名

Question

下面，我尝试在每次 for 循环 迭代时动态初始化一个类名。如何不带括号查询？

$("#grid-input").click(function() {
  $(".drawing-area").empty();

  var rows = $("#row").val();
  var cols = $("#col").val();
  if (rows > 0 && cols > 0) {
    for (var i = 1; i <= rows; i++) {
      $('<tr>').appendTo('.drawing-area').addClass('row' + i); //Dynamically declared class
      var className = 'row' + i; //Tried storing it in a variable
      for (var j = 1; j <= cols; j++) {
        $("."className).append('<td id="myPixel" width="20px" height="20px" style="border: 1px solid #000;"></td>'); //How do I query it here?
      }
      $(".drawing-area").append('</tr>');
    }
  } else {
    alert("You haven't provided the grid size!");
  }
});

Answer 1

JQuery 选择器将一个字符串作为参数，因此您只需正确传递该字符串即可。在您的情况下，您缺少 + 运算符来连接字符串。所以只需尝试。

$("."+className)...

而不是你的代码

$("."className)...