我的HTML代码是这样的:
<table>
<tbody class="iteration">
<tr>
<td>
<button class="save">More</button>
</td>
<td>
<div class="cruisedropd">
<div class="loading"></div>
</div>
</td>
</tr>
</tbody>
<tbody class="iteration">
<tr>
<td>
<button class="save">More</button>
</td>
<td>
<div class="cruisedropd">
<div class="loading"></div>
</div>
</td>
</tr>
</tbody>
</table>
我的Javascript代码是这样的:
$(function(){
$(".cruisedropd").hide();
$('.save').click(function () {
var parent = $(this).closest("tbody.iteration");
parent.toggleClass('is_loading', parent.hasClass('is_loading') );
parent.find(".cruisedropd").toggle();
parent.find('.loading').html("work");
});
});
演示是这样的:https : //jsfiddle.net/oscar11/53okmr78/1/
我想更改按钮中的文本。因此,当单击按钮“更多”时,该按钮将更改为按钮“隐藏”。反之亦然
非常感谢你
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句