Javascript 选择单元格内的元素,而不选择表格行

Javascript 选择单元格内的元素,而不选择表格行,javascript,twitter-bootstrap,jquery-ui-selectable,Javascript,Twitter Bootstrap,Jquery Ui Selectable,我正在尝试使用引导创建一个可选表。有没有一种方法可以在不选择表格行的情况下选择单元格内的元素 根据下面的代码片段,是否有方法选择文本框而不选择表行 我试图复制jqueryui/selective的功能 谢谢 $(函数(){ var$table=$(“#table”); $table.on('click-row.bs.table',函数(e,row,$element){ 警报(“选定行”); }); }); # 数据 使用者 价值 1. 0.52,1.041 萨曼莎 40% 2. 226,13

我正在尝试使用引导创建一个可选表。有没有一种方法可以在不选择表格行的情况下选择单元格内的元素

根据下面的代码片段,是否有方法选择文本框而不选择表行

我试图复制jqueryui/selective的功能

谢谢

$(函数(){
var$table=$(“#table”);
$table.on('click-row.bs.table',函数(e,row,$element){
警报(“选定行”);
});
});

#
数据
使用者
价值
1.
0.52,1.041
萨曼莎
40%
2.
226,134
-20%
3.
0.52/1.561
达米恩
26%

我不知道为什么要使用外部库来完成这么简单的任务,除非我遗漏了什么,否则这应该可以解决问题

$(函数(){
var$table=$(“#table”);
$table.find(“tr”)。单击(函数(e){
if('INPUT'==e.target.tagName)返回;
var sel=1==$(this.attr('data-selected');
$(this).attr('data-selected',sel?0:1);
$(this.find('td').css('background-color',sel?”:'green');
log(getSelections());
});
函数getSelections(){
var VAL=[];
$table.find(“tr[data selected='1']”)。每个(函数(){
var-ele=[];
$(this.find('td').each(function(){ele.push($(this.text())})
推力阀(ele);
});
返回VAL;
}
});

#
数据
使用者
价值
1.
0.52,1.041
萨曼莎
40%
2.
226,134
-20%
3.
0.52/1.561
达米恩
26%

与上面“我曾与一只熊搏斗过一次”的答案相同,您只需获得所选字段的id(考虑到您确实有id)。我添加了一个用于演示

$(函数(){
var$table=$(“#table”);
$table.on('click',函数(e){
console.log(e.target.id);
});
});

#
数据
使用者
价值
1.
0.52,1.041
萨曼莎
40%
2.
226,134
-20%
3.
0.52/1.561
达米恩
26%

我想,简单的止步和解就可以了。尝试:

$("input").click(function(e) {
      e.stopImmediatePropagation();
  });
$(函数(){
var$table=$(“#table”);
$table.on('click-row.bs.table',函数(e,row,$element){
警报(“选定行”);
});
$(“输入”)。单击(函数(e){
e、 停止即时复制();
});
});

#
数据
使用者
价值
1.
0.52,1.041
萨曼莎
40%
2.
226,134
-20%
3.
0.52/1.561
达米恩
26%

我不确定您想要完成什么。为什么需要选择有问题的元素而不选择行?这是可能的,尽管可能不需要。另外,为什么要尝试复制jQueryUISelectable的功能,而不是简单地导入该库?我正在尝试选择表的多行并将它们传递给服务器。我在click-row.bs.table事件中选择行。然后,最终用户应该能够编辑单元格的值,而不必担心选择/取消选择状态。我真的不想在这个项目中使用JqueryUi。这就是我一直在寻找的。谢谢!