单击jQuery contextMenu的表中单元格的值
考虑以下几点 它用于显示添加到表体的右键单击上下文菜单单击jQuery contextMenu的表中单元格的值,jquery,jquery-plugins,Jquery,Jquery Plugins,考虑以下几点 它用于显示添加到表体的右键单击上下文菜单 <table border="1"> <tbody class="context-menu-one"> <tr> <td>R1C1</td> <td>R1C2</td> </tr> <tr> <td>R2C1</td> <td&g
<table border="1">
<tbody class="context-menu-one">
<tr>
<td>R1C1</td>
<td>R1C2</td>
</tr>
<tr>
<td>R2C1</td>
<td>R1C2</td>
</tr>
</tbody>
</table>
如何获取调用上下文菜单的单元格的值
例如,通过单击表的第一行、第1列调用上下文菜单时,应给出值
R1C1
,这将得到单击的td元素中的文本:
$('.context-menu-one td').on('click', function(e){
console.log($(this).text());
})
您需要使用
选择器:
选项选择表格单元格。然后,回调中的此
将是您单击的单元格
$(function() {
$(".context-menu-one").contextMenu({
selector: 'td',
callback: function(key, options) {
var content = $(this).text();
alert("You clicked on: " + content);
},
items: {
"edit": {name: "Edit", icon: "edit"},
"delete": {name: "Delete", icon: "delete"},
}
});
});
我在小提琴上看不到上下文菜单代码。你发布了正确的链接吗?对不起,我没有保存更改。现在应该在文档中展示一下这个例子:但是他是如何从上下文菜单中的一个选项中做到这一点的呢?例如,如果他点击“编辑”,他希望能够编辑内容。但是我不能在我的电脑上模拟比赛菜单,所以我不得不四处寻找。如果在此期间没有人知道他想要的答案,那么(也许)我可以更新这个。谢谢你给我指出这一点。和往常一样,我很冲动。拍得不错。我已经下载了插件,我就快到了。但你还是一如既往地为我禁食。赞成票:)
$(function() {
$(".context-menu-one").contextMenu({
selector: 'td',
callback: function(key, options) {
var content = $(this).text();
alert("You clicked on: " + content);
},
items: {
"edit": {name: "Edit", icon: "edit"},
"delete": {name: "Delete", icon: "delete"},
}
});
});