1

これは、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();。Details ボタンを押すと、 details_content を含むスパンが表示されます<p>。

どうやってやるの ？

4

1 に答える 1

0

関数に文字列を渡す必要があります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>

于 2012-05-16T15:02:23.697 に答える