0

我有多个表格显示切换内容，一个按钮就可以了，但我想用按钮来做同样的事情，但是如果我点击一个按钮，我想改变第一个按钮和第二个按钮的类，当你点击在第二个按钮上切换元素我想更改两个按钮的类。

$('.triggerNew,.triggerInfo').click(function() {   
  var Itemid = $('#Itemid').val();   
  var text = $(this).text();   
  var id = $(this).attr('id');   
  var lijn = 'tr#' + 'lijn' + $(this).attr('id');   
  var extra = 'tr#' + 'extra' + $(this).attr('id');   
  var result = '#result' + $(this).attr('id');   
  var triggerNew = $(".triggerNew");

  $('.triggerNew').text($(this).text() == '[-]' ? '[+]' : '[-]');
  $('.triggerInfo').text($(this).text() == 'infonew' ? 'info' : 'infonew'); 

  if(text == '[+]' || text == 'info') {
    $("<tr id=\"extra" + id + "\"><td colspan=\"5\"><div id=\"result" + $(this).attr('id') + "\"><div class=\"block\" style=\"text-align:center;padding:10px 0 10px 0;\"><img src=\"img/ajax-loader.gif\" /></div></div></td></tr>").insertAfter(lijn);

    $(extra).hide();
    $(extra).slideDown('slow');
    $(result).load(rooturl+'#' + id + '&Itemid=' + Itemid);
    $(this).removeClass('yescondext').addClass('nocondtext');

    return false;
  } else {
    $(extra).slideUp('slow');
    $(result).remove();
    $(this).removeClass('nocondtext').addClass('yescondext');
    return false;
  }
});

任何人都可以帮助我吗

所有代码都在这里

http://jsfiddle.net/QKyYS/8/

4

1 回答 1

1

我认为这就是你的想法。

如何实现：

$(this).closest('td').find(".triggerNew").text( $(this).closest('td').find(".triggerNew").text() == '[-]' ? '[+]' : '[-]' );
$(this).closest('td').find(".triggerInfo").text( $(this).closest('td').find(".triggerInfo").text() == 'infonew' ? 'info' : 'infonew' );

应该在那里，就在$(result).load(rooturl + '#' + id + '&Itemid=' + Itemid);通话之后。

此外，在else街区

$(this).closest('td').find(".triggerNew").text( $(this).closest('td').find(".triggerNew").text() == '[-]' ? '[+]' : '[-]' );
$(this).closest('td').find(".triggerInfo").text( $(this).closest('td').find(".triggerNew").text() != 'infonew' ? 'info' : 'infonew' );

再次小提琴链接。

于 2013-03-06T19:24:29.970 回答