chi*_*ane 0 javascript php jquery events dom
我有以下内容,我在传统的onclick事件中使用DIV标签
我将如何使用jquery实现这一点?
$parameter = "onClick=\"selprice('" .
$price_options_array[$price_counter]['price'] . "','" .
$price_counter . "')" . "\"";
Run Code Online (Sandbox Code Playgroud)
我使用上面的内容,只需将它添加到我的div中:
<div class="price_row" <?php echo $parameter; ?>>
Run Code Online (Sandbox Code Playgroud)
到目前为止,我使用jquery方法,但我不知道如何继续?
$(document).ready(function() {
$('.price_row').click(function() {
????
});
});
Run Code Online (Sandbox Code Playgroud)
$(function() {
$("div.price_row").click(function() {
selprice("<?php echo $price_options_array[$price_counter]['price'] ?>", "<?php echo $price_counter ?>");
});
});
Run Code Online (Sandbox Code Playgroud)
但我不一定会建议.另一种方法是将必要的日期放在可以在运行时查询它的位置.例如:
<div class="price_info")
<div class="price"><?php echo $price_options_array[$price_counter]['price'] ?></div>
<div class="counter"><?php echo $price_counter ?></div>
</div>
Run Code Online (Sandbox Code Playgroud)
结合CSS:
div.price_info div.price, div.price_info div.counter { display: none; }
Run Code Online (Sandbox Code Playgroud)
然后:
$(function() {
$("div.price_row").click(function() {
var price = $(this).children("price").text();
var counter = $(this).children("counter").text();
selprice(price, counter);
});
});
Run Code Online (Sandbox Code Playgroud)
动态生成的Javascript有时会变得有点混乱.
您也可以使用jquery.data()而不是使用子元素.您只需要在PHP中正确构造类属性以包含必要的数据.
| 归档时间: |
|
| 查看次数: |
1344 次 |
| 最近记录: |