这是我的由 PHP 生成的 HTML 代码。
<p id="resp19" class="resp">
<img src="logos/RO.png"><br>
<b>CompanyRO</b>
<span class="fprice">XXXXXX</span>
<span class="f_row">
<input name="first_row" type="radio">AAAAAAAAAA</span><br>
<span class="buts"><input class="f_det" value="Details" onclick="ShowDetails(resp19)" type="button">
<input class="f_det" value="Share" type="button"></span>
<span style="display: none;" class="details_content">
Detalii
</span>
在此之后,我隐藏了这个跨度 $('.details_content').hide();
。
我希望当我按下“详细信息”按钮时,显示带有详细信息内容的跨度,仅适用于此 <p>
.
我怎样才能做到这一点?
最佳答案
您需要将字符串传递给函数 onclick="ShowDetails(resp19)"
:
onclick="ShowDetails('resp19')"
然后在函数ShowDetails
中写:
function ShowDetails(someId) {
$('#' + someId + ' span.details_content').show();
}
此外,当您使用 jQuery 更好地附加 click
使用 click()
的事件方法:
HTML:
<input id="details_button" class="f_det" value="Details" type="button">
JS:
$('#details_button').click(function() {
ShowDetails('resp19');
});
请注意,您使用 <p>
用于段落的元素,它们是内联元素。更好的用法将是<div>
或其他 block 元素。
关于javascript - 隐藏和显示跨度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10621241/