Question

我必须点击ID才能点击ID，每个ID id从数据库中获取值以显示并使用fadeIn和fadeOut隐藏它。当我点击按钮HIDE时，我希望它隐藏并显示按钮显示，比我点击按钮显示它隐藏并显示按钮隐藏回来。

这是我的HTML代码：

 <tr>
    <td><button value ="HIDE" onclick="morefild(this);" id="show-more<?php echo $row_com_info['com_tin'];?>" /><button value ="SHOW" id ="hid-detail<?php echo $row_com_info['com_tin'];?>" style="display:none" onclick="hidefild(this);" />
    </td>
 </tr>

这是我的JS：

  function morefild(item){
      var ids = $(item).attr("id");
      $('#'+ids).fadeOut();
      $('#hid-detail100077188').fadeIn();
  }
  function hidefild(idhid){
      var idhid = $(idhid).attr("id");
      $('#'+idhid).fadeOut();
      $('#show-more100077188').fadeIn();
 }

*注意：我的代码可以运行静态值我传递给它但我希望它在每一行都有效。

请帮我纠正，如果你不明白我的意思，任何命令，谢谢!!

Answer 1

根据我的理解，您看起来有多行具有相同的格式，并且您希望在单击按钮时隐藏按钮并显示同级按钮。

要修改代码，您可以执行以下操作，此处我们隐藏单击的按钮，然后根据单击的按钮显示下一个/上一个按钮

function morefild(item) {
    //hide item and show the next button
    $(item).fadeOut().next().fadeIn();
}

function hidefild(idhid) {
    //hide idhid and show previous button
    $(idhid).fadeOut().prev().fadeIn();
}

更多jQueryish解决方案将不使用内联事件处理程序...而不是有2个按钮，您可以根据所需的状态更新单个按钮...

演示：Fiddle

如何在点击事件中从两个ID传递两个变量

1 个答案: