个人中心
文章发布
退出
作者热门文章
- ubuntu12.04环境下使用kvm ioctl接口实现最简单的虚拟机
- Ubuntu 通过无线网络安装Ubuntu Server启动系统后连接无线网络的方法
- 在Ubuntu上搭建网桥的方法
- ubuntu 虚拟机上网方式及相关配置详解
30
4
CFSDN坚持开源创造价值，我们致力于搭建一个资源共享平台，让每一个IT人在这里找到属于你的精彩世界.
这篇CFSDN的博客文章java实现表格tr拖动的实例(分享)由作者收集整理，如果你对这篇文章有兴趣，记得点赞哟.
实现功能：实现表格tr拖动，并保存因为拖动改变的等级. 。
jsp代码 。
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
|
<
div
id
=
"mainContainer"
>
<
div
class
=
"contentCol"
>
<
div
id
=
"b_center"
>
<
div
class
=
"mod mod1 parent-table"
id
=
"launch-detail-table"
>
<
div
class
=
"mod-header radius"
>
<
h2
style
=
"margin-bottom:0px;margin-top:0px;height:43px;line-height:43px;"
>
菜单管理
</
h2
>
<
span
style
=
"color:red"
>请使用拖拽调整排列顺序</
span
>
<
button
id
=
"addLG"
type
=
"button"
class
=
"czbtn add_class"
style
=
"width:140px;margin-left:20px;"
>
<
img
alt
=
""
src
=
"/center/images/btn_add.png"
> 添加菜单</
button
>
</
div
>
<
br
>
<
div
class
=
"mod-body"
>
<
table
class
=
"data-load-2 appgrouping"
width
=
"100%"
border
=
"0"
cellspacing
=
"0"
id
=
"showTable"
style
=
"word-wrap: break-word; word-break: break-all;table-layout: inherit;background:#FFFFFF !important;"
>
<
thead
>
<
tr
class
=
"first_tr"
>
<
th
class
=
"first"
width
=
"50"
style
=
"text-align: center;width:10%;"
>编号</
th
>
<
th
width
=
"400"
align
=
"center"
style
=
"text-align: center;width:17%"
>菜单名称</
th
>
<!-- <th width="160" align="center" style="text-align: center">菜单级别</th>
<th width="80" align="center" style="text-align: center">二级菜单</th>-->
<
th
width
=
"100"
align
=
"center"
style
=
"text-align: center;width:18%"
>菜单英文名称</
th
>
<
th
align
=
"center"
style
=
"text-align: center;width:15%"
>菜单类型</
th
>
<
th
align
=
"center"
style
=
"text-align: center;width:20%"
>是否显示</
th
>
<
th
width
=
"210"
align
=
"center"
style
=
"text-align: center;width:20%"
>操作</
th
>
</
tr
>
</
thead
>
<
tbody
id
=
"data-list"
style
=
"text-align: center;"
>
<%
if (menuList != null && menuList.size() > 0) {
for (int i = 0;i <
menuList.size
();i++) {
JSONObject
json
=
menuList
.getJSONObject(i);
Menu menu = (Menu)JSONObject.toBean(json.getJSONObject("menu"),Menu.class);
%>
<
tr
id="<%=menu.getLevel() %>">
<
td
id="<%=menu.getMenuId() %>">
<%=menu.getLevel()%>
</
td
>
<
td
>
<
div
class
=
"menuName"
><%=menu.getMenuName()%></
div
>
</
td
>
<
td
>
<
div
class
=
"menuName"
><%=menu.getEnMenuName()==null?"":menu.getEnMenuName()%></
div
>
</
td
>
<!-- <td>
<div class="menuLevel"><%//if(menu.getHasSecond() == 1){%>一级菜单<%//}else{%>二级菜单<%//}%></div>
</td>
<td>
<div class="isChild"><%//if(json.getString("isChild").equals("1")){%><a href="javascript:void(0)" rel="external nofollow" rel="external nofollow" rel="external nofollow" onclick="getChildMenu('<%//menu.getMenuId()%>')">查看</a><%//} else{%>无<%//}%></div>
</td> -->
<
td
>
<
div
class
=
"menuName"
><%if(menu.getMenuType() == 0){%>系统类型<%}else if(menu.getMenuType() == 1){%>图文类型<%}else{%>链接类型<%}%></
div
>
</
td
>
<
td
>
<%if(menu.getState() == 0){ %>
<
button
type
=
"button"
onclick="changeMenuState('<%=menu.getMenuName() %>',<%=menu.getMenuId() %>,1)" class="showState czbtn">显示</
button
>
<
button
type
=
"button"
class
=
"czbtn"
style
=
"background: #eaeaea;color: #d0d0d0;"
>已隐藏</
button
>
<%}else{ %>
<
button
type
=
"button"
class
=
"czbtn"
style
=
"background: #eaeaea;color: #d0d0d0;"
>已显示</
button
>
<
button
type
=
"button"
onclick="changeMenuState('<%=menu.getMenuName() %>',<%=menu.getMenuId() %>,0)" class="hideState czbtn">隐藏</
button
>
<%} %>
</
td
>
<
td
>
<%if(menu.getMenuType() != 0) {%><
div
>
<
div
style
=
"float: right;margin-right:10px;"
>
<
a
title
=
"删除"
href
=
"javascript:void(0)"
rel
=
"external nofollow"
rel
=
"external nofollow"
rel
=
"external nofollow"
style
=
"color:red;width:30px;display:inline-block;"
id="<%=menu.getMenuId()%>" class="icon-trash delMtCenter">
</
a
>
</
div
>
<%} %>
<%if(menu.getMenuType() != 0) {%>
<
div
style
=
"float: right;margin-right:10px;"
>
<
a
title
=
"修改"
href
=
"javascript:void(0)"
rel
=
"external nofollow"
rel
=
"external nofollow"
rel
=
"external nofollow"
style
=
"color:red;width:30px;display:inline-block;"
id="<%=menu.getMenuId()%>" class="icon-pencil mer_mod">
</
a
>
</
div
>
<%} %>
</
td
>
</
tr
>
<%
}
} else {
%>
<
tr
>
<
td
colspan
=
"6"
align
=
"center"
>
暂无数据
</
td
>
</
tr
>
<%
}
%>
</
tbody
>
</
table
>
</
div
>
<
div
class
=
"mod-bottom clearfix"
>
<
div
class
=
"fr pagination"
></
div
>
</
div
>
</
div
>
</
div
>
</
div
>
</
div
>
</
div
>
</
div
>
<
div
class
=
"ft"
style
=
"height: 50px;line-height: 50px;"
>
<
div
class
=
"copyright"
style
=
"display: none;"
>
<
a
href
=
"#"
rel
=
"external nofollow"
rel
=
"external nofollow"
rel
=
"external nofollow"
rel
=
"external nofollow"
rel
=
"external nofollow"
>关于我们</
a
> |
<
a
href
=
"#"
rel
=
"external nofollow"
rel
=
"external nofollow"
rel
=
"external nofollow"
rel
=
"external nofollow"
rel
=
"external nofollow"
>微博</
a
> |
<
a
href
=
"#"
rel
=
"external nofollow"
rel
=
"external nofollow"
rel
=
"external nofollow"
rel
=
"external nofollow"
rel
=
"external nofollow"
>Blog</
a
> |
<
a
href
=
"#"
rel
=
"external nofollow"
rel
=
"external nofollow"
rel
=
"external nofollow"
rel
=
"external nofollow"
rel
=
"external nofollow"
>服务条款 </
a
> |
<
a
href
=
"#"
rel
=
"external nofollow"
rel
=
"external nofollow"
rel
=
"external nofollow"
rel
=
"external nofollow"
rel
=
"external nofollow"
>隐私政策</
a
>
</
div
>
<
p
class
=
"copy"
>Incongress.com, All Rights Reserved.<
span
class
=
"ICP"
></
span
></
p
>
</
div
>
<
script
src
=
"/cvc/center/js/cached_lay_reports.js"
type
=
"text/javascript"
></
script
>
<
script
src
=
"/cvc/center/js/cached_lay_reports_cus.js"
type
=
"text/javascript"
></
script
>
<
div
id
=
"mask"
></
div
>
<
div
class
=
"tkDiv"
id
=
"addLOGO"
style
=
"display:none;z-index:12;width:800px;height:auto;margin-left:-50px;"
>
<
div
class
=
"tk1_header"
style
=
"width:800px !important;height:40px;line-height:40px;margin-left:-10px;margin-top:-10px;"
>
<
span
style
=
"font-size: 16px;margin-left:20px;color:#FFF;margin-top:-5px;"
id
=
"gn_title"
>添加菜单</
span
>
<
a
id
=
"close_modal"
style
=
"width:30px;height:20px;background:url('/CHC2015/cn/images/close.png') no-repeat 0px 10px;float: right;"
>×</
a
>
</
div
>
<
div
class
=
"tk1"
id
=
"addZ"
style
=
"width:790px;height:260px;margin-left:-2px;overflow-y:auto;"
>
<
div
class
=
"tk1_content"
id
=
"registerDiv"
style
=
"width:750px;margin-top:-10px;"
>
<
form
id
=
"menuForm"
class
=
"bs-docs-example form-horizontal"
method
=
"post"
action="<%=path %>/webCenter.do">
<
input
type
=
"hidden"
name
=
"method"
value
=
"saveOrUpdateMenu"
>
<
input
type
=
"hidden"
name
=
"pageIndex"
value
=
"1"
>
<
input
type
=
"hidden"
name
=
"conId"
value="<%=conId %>">
<
input
type
=
"hidden"
name
=
"numb1"
value="<%=numb1 %>">
<
input
type
=
"hidden"
name
=
"numb2"
value="<%=numb2 %>">
<
input
type
=
"hidden"
id
=
"menuId"
name
=
"menuId"
value
=
"-1"
>
<
table
style
=
"width:750px"
>
<
tr
>
<
td
><
span
>菜单名称</
span
></
td
>
<
td
><
input
type
=
"text"
id
=
"menu_name"
class
=
"form-control"
name
=
"menuName"
style
=
"margin:10px 0px;display:inline-block;height:34px;"
/><
span
class
=
"showWoring"
></
span
></
td
>
</
tr
>
<!-- <tr>
<td>菜单级别：</td>
<td>
<select id="menu_level" name="menu_level" style="margin:10px 0px">
<option value="-1">请选择...</option>
<option value="1">一级菜单</option>
<option value="2">二级菜单</option>
</select>
<span class="showWoring"></span>
</td>
</tr>
<tr id="menu_parent_tr" style="display: none">
<td>父级菜单：</td>
<td>
<select id="menu_parent" name="menu_parent" style="margin:10px 0px">
<option value="-1">请选择...</option>
</select>
<span class="showWoring"></span>
</td>
</tr>-->
<
tr
>
<
td
>菜单类型</
td
>
<
td
>
<
select
id
=
"menuType"
class
=
"form-control"
name
=
"menuType"
style
=
"margin:10px 0px;display:inline-block;width:350px;"
>
<
option
value
=
"-1"
>请选择...</
option
>
<
option
value
=
"1"
>图文类型</
option
>
<
option
value
=
"2"
>链接类型</
option
>
</
select
>
</
td
>
</
tr
>
<
tr
id
=
"imgTextTr"
style
=
"display:none"
>
<
td
>
图文内容
</
td
>
<
td
>
<
textarea
rows
=
"45"
cols
=
"70"
class
=
"form-control"
name
=
"menuContent"
id
=
"menuContent"
style
=
"display:inline-block;"
></
textarea
>
</
td
>
</
tr
>
<
tr
id
=
"linkTr"
style
=
"display:none"
>
<
td
>跳转地址</
td
>
<
td
>请填写完整的外链地址，必须包含<
span
style
=
"color:red"
>http://</
span
> 例如:http://www.baidu.com</
br
><
input
type
=
"text"
id
=
"menuUrl"
name
=
"menuUrl"
style
=
"margin:10px 0px"
/><
span
class
=
"showWoring"
style
=
"margin:10px 0px"
></
span
></
td
>
</
tr
>
<
tr
>
<
td
align
=
"center"
colspan
=
"2"
>
<
hr
style
=
"margin-bottom:10px;"
>
<
input
id
=
"menu_add"
type
=
"button"
class
=
"button"
value
=
"添 加"
style
=
"border-radius:0;width:260px;height:40px;margin:auto 50px;margin:20px"
/>
</
td
>
</
tr
>
</
table
>
</
form
>
</
div
>
</
div
>
</
div
>
<
div
class
=
"tkDiv"
id
=
"childMenu"
style
=
"display:none;z-index:12;width:650px;height:auto;margin-left:-325px;"
>
<
div
class
=
"tk1"
id
=
"childZ"
style
=
"width:600px;height:350px;"
>
<
div
class
=
"tk1_header"
style
=
"margin-top:-40px;"
>
<
span
style
=
"font-size: 16px;margin-left:20px;color:#FFF"
id
=
"gn_title"
>二级菜单</
span
>
<
a
id
=
"close_modal"
style
=
"width:30px;height:40px;background:url('/CHC2015/cn/images/close.png') no-repeat 0px 10px;background-size:20px;float: right;"
></
a
>
</
div
>
<
div
class
=
"tk1_content"
id
=
"registerDiv"
style
=
"width:600px;"
>
<
table
class
=
"data-load-2 appgrouping"
width
=
"100%"
border
=
"0"
cellspacing
=
"0"
style
=
"word-wrap: break-word; word-break: break-all;table-layout: inherit;"
>
<
thead
>
<
tr
class
=
"first_tr"
>
<
th
class
=
"first"
width
=
"50"
style
=
"text-align: center"
>编号</
th
>
<
th
width
=
"200"
align
=
"center"
style
=
"text-align: center"
>菜单名称</
th
>
<
th
width
=
"160"
align
=
"center"
style
=
"text-align: center"
>菜单级别</
th
>
<
th
width
=
"80"
align
=
"center"
style
=
"text-align: center"
>二级菜单</
th
>
<
th
width
=
"80"
align
=
"center"
style
=
"text-align: center"
>菜单类型</
th
>
<
th
width
=
"80"
align
=
"center"
style
=
"text-align: center"
>修改</
th
>
<
th
width
=
"80"
align
=
"center"
style
=
"text-align: center"
>删除</
th
>
</
tr
>
</
thead
>
</
table
>
</
div
>
</
div
>
</
div
>
<
script
type
=
"text/javascript"
src="<%=path %>/cvc/center/js/My97DatePicker/WdatePicker.js"></
script
>
<
script
src="<%=path%>/cvc/center/js/setting.js" type="text/javascript"></
script
>
<
script
src="<%=path%>/cvc/center/js/Validform_v5.3.2.js" type="text/javascript"></
script
>
<
script
charset
=
"utf-8"
src="<%=path%>/train/js/prettify/kindeditor.js"></
script
>
<
script
charset
=
"utf-8"
src="<%=path%>/train/js/prettify/lang/zh_CN.js"></
script
>
<
script
charset
=
"utf-8"
src="<%=path%>/train/js/prettify/plugins/code/prettify.js"></
script
>
<
script
type
=
"text/javascript"
src="<%=path %>/cvc/center/js/jquery-1.10.2.min.js"></
script
>
<
script
charset
=
"utf-8"
type
=
"text/javascript"
src="<%=path %>/center/js/jquery-ui.min.js"></
script
>
<
script
>
var editor1;
//改变菜单显示隐藏状态
function changeMenuState(menuName,menuId,state){
/*
if(menuName == "征文投稿"){
alert("请到基本信息模块中设置当前大会是否征文");
}else */if(menuName == "English"){
alert("请到基本信息模块中设置当前大会的中英文类型");
}else{
$.ajax({
url:"/webCenter.do",
type:"post",
dataType:"json",
data:"method=changeMenuState&menuId="+menuId+"&menuState="+state,
success:function(json){
if(json.state == 1){
window.location.reload();
}else{
alert("修改失败");
}
}
})
}
}
$("#showTable").sortable({
cursor: "move",
items: "tr", //只是tr可以拖动
opacity: 0.6, //拖动时，透明度为0.6
revert: true, //释放时，增加动画
stop: function(event, ui) { //更新排序之后
var categoryids = $("#showTable").sortable("toArray");
localStorage.categoryids = categoryids;
var level = 0;
$("#showTable tr").each(function(){
$(this).children("td").eq(0).html(level);
level += 1;
})
level = 0;
var content = "[";
$("#showTable tr").each(function(){
var level = $(this).children("td").eq(0).html();
var tdId = $(this).children("td").eq(0).attr("id");
if(tdId != undefined){
if(level == 1){
content += "{level:"+level;
content += ",menuId:"+tdId;
content += "}";
}else if(level > 1){
content += ",{level:"+level;
content += ",menuId:"+tdId;
content += "}";
}
}
level += 1;
})
content += "]";
$.ajax({
url:"<%=path%>/webCenter.do?updateMenuLevel",
type:"post",
dataType:"json",
data:"menuList="+content,
success:function(json){
}
})
}
});
$("#showTable").disableSelection();//让文字不可选
//选择二级菜单
$("#menu_level").change(function(){
$("#menu_parent").empty();
$("#menu_parent").append("<
option
value
=
'-1'
>请选择...</
option
>")
var level = $("#menu_level").val();
if(level == 1){
$("#menu_parent_tr").hide();
}else if(level == 2){
$.ajax({
url:"<%=path%>/webCenter.do?getFirstMenu",
type:"GET",
dataType:"json",
success:function(result){
if(result != null && result != "" && result.length > 0){
for(var i = 0; i<
result.length
;i++){
var
option
=
"<option value='"
+result[i].menuId+"'>"+result[i].menuName+"</
option
>"
console.log(option)
$("#menu_parent").append(option);
}
}else{
alert("还未创建任何一级菜单，先创建一级菜单后再创建耳机菜单");
}
}
})
$("#menu_parent_tr").show();
}
})
//选择图文类型
$("#menuType").change(function(){
if($("#menuType").val() == 1){
$("#imgTextTr").show();
$("#linkTr").hide();
$("#addZ").css("height","450px")
}else if($("#menuType").val() == 2){
$("#imgTextTr").hide();
$("#linkTr").show();
$("#addZ").css("height","180px")
}
})
//添加
$("#menu_add").click(function() {
var menuName = $("#menu_name").val();
var menuLevel = $("#menu_level").val();
var menuType = $("#menuType").val();
var menuUrl = $("#menuUrl").val();
if(menuName.trim() == "" || menuName.trim().length == 0){
alert("请输入菜单名称");
return false;
}
if(menuType == "-1"){
alert("请选择菜单类型");
return false;
}
if($("#menuType").val() == 1){
if($("#menuContent").val().trim() == "" || $("#menuContent").val().trim().length == 0){
alert("请填写图文内容");
return false;
}
}
if($("#menuType").val() == 2){
if(menuUrl.trim() == "" || menuUrl.trim().length == 0){
alert("请输入跳转地址");
return false;
}
}
var menuCount = <%=menuListSize%>;
if(menuCount >= 19 && $("#menuId").val() == -1){
alert("菜单最多只能添加九个");
return false;
}
$("#menuForm").submit();
$("#mask").hide();
$("#addLOGO").hide();
$("body").css("position", "fixed");
})
//弹出窗口
$("#addLG").click(function() {
$("#mask").show();
$("#addLOGO").show();
})
//取消
$(".tk1_header").click(function() {
location.reload();
})
$("#close").click(function() {
$("#zsType").val(0);
$("#zsHref").val("");
$("#mask").hide();
$("#addLOGO").hide();
$("body").css("position", "static");
})
//修改
$(".mer_mod").click(function() {
$("#mask").show();
$("#addLOGO").show();
$("body").css("position", "fixed");
$("#menuId").val(this.id);
$.ajax({
url:"<%=path%>/webCenter.do?getMenuById",
type:"get",
data:"menuId="+this.id,
dataType:"json",
success:function(data){
$("#menu_name").val(data.menuName);
$("#menuType").val(data.menuType);
if(data.menuType == 1){
$("#imgTextTr").show();
$("#linkTr").hide();
$("#addZ").css("height","450px")
editor1.html(data.content);
}if(data.menuType == 2){
$("#imgTextTr").hide();
$("#linkTr").show();
$("#addZ").css("height","80px")
}
}
})
})</
script
>
</
body
>
</
html
>
<%
}
}
%>
|
action代码 。
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
|
@RequestMapping(params = "updateMenuLevel",method = RequestMethod.POST)
public void updateMenuLevel(String menuList,HttpServletRequest request,HttpServletResponse response){
try {
HttpSession session = this.getSession(request);
Adminuser adminUser = session.getAttribute("centerAdminUser") == null?null:(Adminuser) session.getAttribute("centerAdminUser");
if(adminUser == null){
try {
response.sendRedirect(request.getContextPath()+"/center/index.jsp");
} catch (Exception e) {
e.printStackTrace();
}
}else{
String conId = request.getSession().getAttribute("conId") == null ? null: request.getSession().getAttribute("conId").toString();
if (conId == null) {
response.sendRedirect(request.getContextPath()+"/center/index.jsp");
}
JSONArray array = JSONArray.fromObject(menuList);
for(int i = 0;i < array.size();i++){
JSONObject json = array.getJSONObject(i);
Menu menu = webService.getMenuById(json.getInt("menuId"));
menu.setLevel(json.getInt("level"));
webService.saveObject(menu);
}
}
} catch (Exception e) {
e.printStackTrace();
}
|
以上这篇java实现表格tr拖动的实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持我.
原文链接：http://www.cnblogs.com/jichuang/archive/2017/12/20/8066053.html 。
最后此篇关于java实现表格tr拖动的实例(分享)的文章就讲到这里了,如果你想了解更多关于java实现表格tr拖动的实例(分享)的内容请搜索CFSDN的文章或继续浏览相关文章，希望大家以后支持我的博客！ 。
30
4
0
我想要数组中所选 tr 的所有下一个 tr 的 data-id。我使用此代码，但这不是一个好代码。 var ids = Array.prototype.slice.call($("tr.selecte
JSFiddle:http://jsfiddle.net/9u8tnh97/ 我正在使用 jQuery 和 Bootstrap。我有一张 table 4 像这样的元素:
已关闭。这个问题是 not reproducible or was caused by typos 。目前不接受答案。 这个问题是由拼写错误或无法再重现的问题引起的。虽然类似的问题可能是 on-top
在 Notepad++ 中，我试图制作一个正则表达式来匹配标签。起初，我认为必须转义大括号，所以我尝试了 \ .然而，这不仅符合我预期的开始标签，而且匹配所有 。 s( 和 )。这是为什么？ 最佳答
我正在尝试定位其中包含子表行元素的表中的最后一个父表行。我已尝试使用下面的 jQuery 来定位 :last 伪值，但是，如预期的那样，它的目标是目标父表中的绝对最后一个表行元素。 $('table[
我想插入新的在每个现有的 之后。我的功能: var element = document.querySelector('tr.cart-item'); var newElement = docume
这个问题在这里已经有了答案: RegEx match open tags except XHTML self-contained tags (35 个答案) 关闭 9 年前。 我希望这个正则表达式匹
生成此代码是为了做两件事。第一个是单击复选框时突出显示表记录。第二个是即使页面刷新也能记住结果。 Untitled Document
嗨，我正在尝试在 tr 数组中查找 tr属性名称是 docId 是否有任何类型的 jquery 选择器？ 我不想只用 for 循环遍历数组然后自己去找。 除非你说我别无选择... 谢谢 最佳答案 如果
我有一张 table ，我想在单击加号图标时在 tr 中打开相同的 tr。我不明白我使用哪个 html 元素打开。 请帮帮我。提前致谢。
对你来说是个小问题:-) 我正在使用 BeautifulSoup 来解析 HTML 页面中表格的内容。问题是在我的输出文件的每一行(CSV/EXCEL)之间，它拉出一个空行......这是 HTML
我制作了一个包含基本信息的表格，每个奇数行和偶数行都有不同的颜色。在 :hover影响它是橙色的，不管它是偶数还是奇数。 但是当我想“分组”3 我发现了一个问题。我试着把它包装成 但它没有用。我的目标
在 lxml 中，我使用 xpath 选择表(具有不同行数)中的所有 tr，除了包含乱码的最后两行。 是否有排除最后两行的模式匹配？我正在浏览 xpath 教程，显然有一个“except”运算符和一个
我在表列表中显示来自数据库的记录。此外，我在每一行中都有一个跟进按钮，如果任何用户单击跟进按钮，则会为特定用户打开一个包含详细信息的弹出窗口。 或者任何其他想法来处理这个问题？ 我试过用这样的东西
我有以下表格结构。 当我点击 时我想添加新的 在 旁边其中被点击。 所以结果会是:
使用这个 HTML: 1 2 3 4 我得到这个输出: 1 2 3 4 但我想要的是: 1 2 3 4 如何
嗨，我有一个表格，我在这里做了一些代码来将表格更改为可编辑和可选择...我的要求是 1.当点击一个TR时，它应该变成蓝色，再次点击另一个TR，它将显示蓝色，旧的TR变成白色(威胁不可选择) 我由于一些
这个问题可能令人困惑，但这就是确切的情况.. 我已经动态生成了一些(根据从数据库获取的数据)，现在我想允许用户选择其中一个单选按钮，并且我想捕获所单击的行的详细信息，因此请检查我的代码并协助 我的aj
免责声明:HTML、JQuery、Ajax 技能水平 — 垃圾。一直是一个厚客户。 我有一个表单，允许用户输入客户代码和电子邮件地址。我想在客户代码有效时显示客户的姓名。我会错误地通过 Ajax 和
正在尝试添加 其他元素 表中的元素根据 的行跨度该特定元素 元素。在同一功能中，单击 中的此按钮后元素的行数每次增加1，因此也需要增加行数。不知道该怎么做。也许使用 slice()以某种方式发挥作
我是一名优秀的程序员,十分优秀！