[英].toggle element on .click jQuery
单击时,我正在将内容添加到另一个<tr>
,但是我还需要将html元素+更改为-(它需要.toggle)。 因此,单击<tr>
,内容将在下面展开(显示),同时当内容在下面显示时,+变为-。 任何帮助,将不胜感激。
这是js:
<script>
var lastClicked;
$(document).ready(function() {
$("#myTable tr").click( function () {
var rowID = $('#myRow' + this.rowIndex);
if(rowID.length < 1)
$('#myTable tr').eq(this.rowIndex).after('<tr id="myRow'+this.rowIndex+'">
<td colspan="5" style="background-color: #F0F5FE;"><p>"' + this.rowIndex + '"
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac mauris sit
amet diam accumsan gravida in vel eros. Nunc tristique lacinia est. Donec
condimentum tincidunt nisl, at fringilla velit placerat eget. Nullam sed tincidunt
augue. Maecenas vulputate mattis pharetra.</p></td></tr>').next().addClass
('content-area-1 p');
else
rowID.toggle();
return false;
if (lastClicked != null) {
lastClicked.hide();
}
//$(this).toggle();
lastClicked = $(this);
});
});
</script>
这是html:
<tr class="row-1st">
<td><a class="test-1">+</a></td>
<td>07/06/201</td>
<td>Phone Call</td>
<td>Employee</td>
</tr>
在click
添加类似这样的内容:
var tempVal = $(this).find('.test-1');
tempVal.text((tempVal.text() == '+' ? '-' : '+'));
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.