我有一个show hide table rows功能,但现在想要更改我的文本.
<script language="javascript" type="text/javascript">
function HideStuff(thisname) {
tr = document.getElementsByTagName('tr');
for (i = 0; i < tr.length; i++) {
if (tr[i].getAttribute('classname') == 'display:none;') {
if (tr[i].style.display == 'none' || tr[i].style.display=='block' ) {
tr[i].style.display = '';
}
else {
tr[i].style.display = 'block';
}
}
}
}
html如下……
<button id="ShowHide" onclick="HideStuff('hide');>Show/Hide</button>
我想切换“显示/隐藏”文本.有任何想法吗？
解决方法
使用这样的jQuery可能会起作用：
$('ShowHide').click(function(){
if ( $('hide').css('display') == 'block' )
$('ShowHide').val("Hide");
else
$('ShowHide').val("Show");
});
我只是从脑子里写下来,所以你可能需要做一些修改,你可以阅读更多关于css jquery api here.我所做的只是使用匿名函数
