如何在单击事件上传递来自两个ID的两个变量
How to pass two variables from two ID on click event
我必须点击ID按钮,每个ID ID从数据库中获取值,通过使用fadeIn和fadeOut显示和隐藏它。当我点击按钮隐藏,我想要它隐藏和显示按钮显示,然后我点击按钮显示它的隐藏和显示按钮隐藏回来。
这是我的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();
}
*注意:我的代码可以运行静态值我传递给它,但我希望它每一行工作。
请帮助我纠正它,任何命令,如果你不明白我的意思,谢谢!!
据我所知,看起来您有相同格式的多行,并且您希望在单击按钮时隐藏按钮并显示同级按钮。
为了修复你的代码,你可以做下面的事情,这里我们隐藏了被点击的按钮,然后显示下一个/上一个按钮基于哪个被点击
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();
}
一个更jquery化的解决方案是不使用内联事件处理程序…也不是有两个按钮,你可以根据需要的状态更新一个按钮…
演示:小提琴
相关文章:
- 在HTML包围的javascript中添加两个变量
- 填写表单后替换两个变量
- 用于交换两个变量的 JavaScript 函数
- 使用一个表达式将两个变量分配给相同的值
- 如何添加两个变量而不使其在javascript中连接
- 有可能让两个变量指向同一个对象吗?(javascript)
- 带有两个变量函数的Ajax提交表单
- 将两个变量的值加在一个变量中
- 如何使用javascript获取两个变量的最高值
- 如何从字符串中获取两个变量
- 测试两个变量是否包含一些数据 JavaScript
- 将两个变量从php发送到javascript
- 如何在javascript中计算两个变量的百分比
- 连接两个变量
- Javascript变量没有正确添加两个变量,只是连接
- 如何在客户端验证中验证两个变量规则
- 想要使用document.getelementbyid显示两个变量
- 使用带有两个变量的相同if-else语句
- 我可以用JavaScript声明一个数组中的两个变量吗
- 使用数据库中的两个变量在jqplot中显示图形