gpt4 book ai didi

javascript - 将表中同一单击行的所有单元格值加载到数组中,但第一个和最后一个

转载 作者:行者123 更新时间:2023-11-30 00:19:54 25 4
gpt4 key购买 nike

你能看看This Demo吗?并告诉我如何加载所选 .adder 中的所有单元格值单击行 BUT 第一个 <td>最后<td>而是添加 usertoday也到阵列?

var arr = [];
var d = new Date();
var month = d.getMonth()+1;
var day = d.getDate();
var today = d.getFullYear() + '/' + ((''+month).length<2 ? '0' : '') + month + '/' + ((''+day).length<2 ? '0' : '') + day;
var user = "foo";

$(".adder").on("click", function(){
console.log($(this).closest('tr').children('td').text());
});
@import url('https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css');
body{padding:30px;}
.adder{cursor:pointer;}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<table class="table table-striped">
<tr>
<td>1</td>
<td>Jill</td>
<td>Smith</td>
<td>50</td>
<td><span class="glyphicon glyphicon-plus adder" aria-hidden="true"></span></td>
</tr>
<tr>
<td>2</td>
<td>Eve</td>
<td>Jackson</td>
<td>94</td>
<td><span class="glyphicon glyphicon-plus adder" aria-hidden="true"></span></td>
</tr>
</table>

最佳答案

你需要使用 .each() 并循环遍历 td 然后你需要 .push() 来创建一个数组

var arr = [];
var d = new Date();
var month = d.getMonth()+1;
var day = d.getDate();
var today = d.getFullYear() + '/' + ((''+month).length<2 ? '0' : '') + month + '/' + ((''+day).length<2 ? '0' : '') + day;
var user = "foo";

$(".adder").on("click", function(){
var $this = $(this);
var getarray = [];
$this.closest('tr').find('td').not($this.closest('tr').find('td:first')).not($this.closest('tr').find('td:last')).each(function(){
getarray.push($(this).text());
});
getarray.push(user);
getarray.push(today);
alert(getarray);
});

DEMO

注意:在这段代码中,我将 .not() 用于第一个等于 1 的 td 和最后一个 td .. 是你想要的吗??

这是在 js 中使用 :not 代替 .not() 的另一种方式

$this.closest('tr').find('td:not(td:first, td:last)').each(function(){});

DEMO

关于javascript - 将表中同一单击行的所有单元格值加载到数组中,但第一个和最后一个 <td>,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33537254/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com