Question

（我在这里尝试了多个帖子中的技巧，但仍然没有运气）

基本上，我想将鼠标悬停在div“ b”上，并将div“ a”中的内容更改。在实际的代码中，diva和dib的父母不同，所以只能用CSS来做。

简体html：

$("#divb").hover(function() {
  $("#div a").css('content', 'url(img2.png)');
}, function() {
  $("#diva").css('content', 'url(img1.png)');
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="diva">A</div>

<div id="divb">B</div>

任何帮助将不胜感激:)我已经尝试了数小时的不同方法

Answer 1

你做得很好。您只需要将div a到diva上的空格删除，即可使其正常工作。

Answer 2

在您的html文件中：

 $stmt = $conn->prepare("SELECT * FROM  studentresult_exams as SRE, examproper as E, users as U WHERE SRE.test_id = E.test_id and E.user_id = '$user_id' and U.user_id = SRE.student_id AND test_desc LIKE '%$course%' AND category_exam LIKE '%$subject%' AND year LIKE '%$semester%' ORDER BY percentage DESC");

在您的js文件中：

<div id="diva"></div>
<div id="divb"></div>

Answer 3

file将获得带有$("#divb")的元素，您应该在id="divb"而不是标签名称即#之前使用id。下面是带有示例图像的演示

div

$('div#a').hover(function(){
  $('div#b').css('content','url(https://www.gettyimages.com/gi-resources/images/CreativeLandingPage/HP_Sept_24_2018/CR3_GettyImages-159018836.jpg)');
},function(){
  $('div#b').css('content','url(https://i.pinimg.com/736x/c2/9d/7d/c29d7d7388523342de339fdc2611e80f--flamingo-art-flamingo-beach.jpg?b=t)');
})

将鼠标悬停在1个div上即可更改另一个div内容

3 个答案: