Question

我有这个foreach：

<?php foreach($news as $key => $new) : ?>
    <div class="search-img img-id<?php echo($key); ?>" style="display:none;">
        <img alt="<?php echo($new->n_title); ?>" src="<?php echo base_url(); ?>uploads/<?php   echo($new->n_image); ?>" />
    </div>

<h4><span class="search-name<?php echo($key); ?>"><?php echo($noutate->n_title); ?></span></h4>
<?php endforeach; ?>

这个脚本：

<script>
$().ready(function(){
     $(".search-name<?php echo($key); ?>").hover(function(){$(".img-id<?php echo($key); ?>").fadeIn(100);},
         function(){$(".img-id<?php echo($key); ?>").fadeOut(80);});
     });
</script>

而且，正如我所知道的那样，jquery并不喜欢php :) 我应该如何继续使用增加数字的这个类？像search-name0，search-name1，search-name2 ....等。

谢谢！

Answer 1

您最好使用Jquery的 $（this），并将您的ID存储在rel标签中：

<h4><span class="search-name" rel="<?php echo($key); ?>">

并以这种方式使用它：

<script>
$().ready(function(){

$(".search-name").hover(function(){

 var target_id = $(this).attr('rel');

 $(".img-id"+target_id).fadeIn(100);},
 function(){$(".img-id"+ target_id).fadeOut(80);
 });

 });
 </script>

这样，你就可以与PHP脱钩了。

为foreach php增加jquery

1 个答案: