0

クリックしたときにコンテンツを別のコンテンツに追加し<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>
4

1 に答える 1

0

に次のようなものを追加しますclick。

var tempVal = $(this).find('.test-1');
tempVal.text((tempVal.text() == '+' ? '-' : '+'));
于 2012-10-15T18:27:48.733 に答える