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);
}

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

1 个答案: