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

Question

下面，我尝试在每次for loop迭代时动态初始化类名。如何在没有括号的情况下查询它？

$("#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)...