用于在jquery mobile中动态发布id的图像的单击功能的javascript
我有javascript功能,用于id被动态分配为like_1,like_2的图像………..,如何使该功能适用于wow滑块中li标记中的每个图像 这是javascript用于在jquery mobile中动态发布id的图像的单击功能的javascript,javascript,php,jquery-mobile,Javascript,Php,Jquery Mobile,我有javascript功能,用于id被动态分配为like_1,like_2的图像………..,如何使该功能适用于wow滑块中li标记中的每个图像 这是javascript <script type="text/javascript"> $(document).ready(function() { $("#like_0").click(function() { $("#tipid").val(1); $(
<script type="text/javascript">
$(document).ready(function() {
$("#like_0").click(function() {
$("#tipid").val(1);
$("#like_0").attr("src","images/ic_like_select.png");
$("#unlike_0").attr("src","images/ic_unlike_unselect.png");
});
$("#unlike_0").click(function() {
$("#tipid").val(0);
$("#like_0").attr("src","images/ic_like_unselect.png");
$("#unlike_0").attr("src","images/ic_unlike_select.png");
});
});
</script>
$(文档).ready(函数(){
$(“#like_0”)。单击(函数(){
$(“#tipid”).val(1);
$(“#like_0”).attr(“src”、“images/ic#u like_select.png”);
$(“#不象_0”).attr(“src”、“images/ic_不象_unselect.png”);
});
$(“#不同于_0”)。单击(函数(){
$(“#tipid”).val(0);
$(“#like_0”).attr(“src”、“images/ic#u like_unselect.png”);
$(“#不象_0”).attr(“src”、“images/ic_不象_select.png”);
});
});
这是滑动的数据,我从数据库中动态获取它
<div id="wowslider-container1">
<form action="#" method="post">
<div class="ws_images">
<ul>
<?php
if ($stmt->execute(array($_GET['id']))) {
while ($row = $stmt->fetch()) {
$counter =0;
foreach ($int_arr as $x) {
if ($stmt1->execute(array($x))) {
while ($row1 = $stmt1->fetch()) {
// print_r($row);
//echo $row1['title'];
?>
<li><img src="engine1/bg.png" alt="" title="" id="wows1"/><div><span style="font-size:12px;text-transform:uppercase;"><b><?php echo $_GET['id'];?></b></span><br><span style="color:#3B8BD7;font-size:22px;"><?php echo $row1['title'];?></span></div><img src="images/list_hr.png" style="background-repeat:repeat-x;width:303px;height:4px;margin-top:-3px;" /><span style="font-size:12px;"><?php echo $row1['body'];?><br><br><br></span><img src="images/list_hr.png" style="background-repeat:repeat-x;width:303px;height:4px;"/><div align="center"><b><p style="color:#3B8BD7;font-size:14px;">Helpline?</p></b><img src="images/ic_like_unselect.png" height="40" width="40" id="like_<?php echo $counter;?>" name="offer" /> <img src="images/ic_unlike_unselect.png" height="40" width="40" id="unlike_<?php echo $counter;?>" name="offer"/></div>
<input type="hidden" name="tipid" id="tipid" value="" />
<input type="text" name="tip" id="tip" value="<?php echo $counter;?>" /><?php $counter++;?></li>
<?php }}}}} echo $counter;?>
</ul></div>
<div class="ws_bullets">
<div align="center">
<?php if ($stmt->execute(array($_GET['id']))) {
while ($row = $stmt->fetch()) {
foreach ($int_arr as $x) {
if ($stmt1->execute(array($x))) {
while ($row1 = $stmt1->fetch()) {
// print_r($row);
//echo $row1['title'];
?>
<a href="#" ></a>
<?php }}}}}?>
</div></div>
<div class="ws_shadow">
</div>
</form>
帮助热线?“name=”offer“/>name=”offer“/>
使用类,而不是id。这就是类的用途——记住一个类可以应用于多个元素,而id只能应用于一个元素
例如:
$(".like").click(function() {
$(this).closest(".tipid").val(1);
$(this).attr("src","images/ic_like_select.png");
$(this).closest('.unlike').attr("src","images/ic_unlike_unselect.png");
});
如果您使用的ID以like/inspect开头,则可以改用属性选择器
$("[id^='like_']" ).click(function() {
//do something
});
$("[id^='unlike_']" ).click(function() {
//do something
});
你能举个例子吗