jquery - 如何在 jquery 插件中返回自定义/创建的选择器

Question

我正在学习如何创建插件并且在如何创建我自己的自定义选择器时遇到问题。

如果我有一个下面有第 n 行和第 n 列的表

<table id="myTable">
   <tr><td></td>........<td></td></tr>
    .
    .
    .
   <tr><td></td>........<td></td></tr>
</table>

我想创建一个插件，它有一个指向指定行和列的选择器

这可能是插件功能的样子

$.fn.Cell = function(row,col){
   //select the cell here ... assuming the target element is a table above
   // this could somehow written below
  var mycell =  $(this).children().find('tr:eq(' + row + ')').children().find('td:eq(' + col + ')');
  // return the selector here

};

然后，我应该在应用程序代码中有这样的内容：

$("#myTable").Cell(2,3).text("Wow"); // this writes a text to row 2, col 3.

你能帮忙填写缺失的代码吗？我尝试查看可用的插件，但从未找到这样的功能。我更喜欢知道它是如何工作的，而不是知道现有插件的名称和链接。我的目标是学习制作插件的过程，并掌握 jquery 和 javascript。

Answer 1

试试这个：

$.fn.Cell = function(row, col){
   return $('tr:nth-child('+row+')>td:nth-child('+col+')', this);
}