javascript - jQuery 查找列类

Question

请参阅下面我的代码:

     <div class="grid_6 box a col1 row1" style="left: 231px; top: 380px; position: absolute; "></div>
     <div class="grid_6 box a col2 row1" style="left: 471px; top: 380px; position: absolute; "></div>
     <div class="grid_6 box a col3 row1" style="left: 711px; top: 380px; position: absolute; "></div>
     <div class="grid_6 box a col4 row1" style="left: 951px; top: 380px; position: absolute; "></div>
     <div class="grid_6 box b col1 row2" style="left: 231px; top: 540px; position: absolute; "></div>
     <div class="grid_6 box b col2 row2" style="left: 471px; top: 540px; position: absolute; "></div>
     <div class="grid_6 box b col3 row2" style="left: 711px; top: 540px; position: absolute; "></div>
     <div class="grid_6 box b col4 row2" style="left: 951px; top: 540px; position: absolute; "></div>

我需要制作一个jquery脚本来找出我点击了哪一列和哪一行。

这可以轻松完成吗？

Answer 1

假设您的点击处理程序位于 div...

var col_row = this.className.match(/col(\d+)\s+row(\d+)/);

列将位于索引 1 处，行将位于索引 2 处。

var col = col_row[1],
    row = col_row[2];

<小时/>

FWIW，你冷在 Firefox 中这样做......

var [_, col, row] = this.className.match(/col(\d+)\s+row(\d+)/)