Question

我知道，有类似的话题，但那里的知识对我不起作用。

所以我想制作第一个div元素＆＃39;消失＆＃39;，当点击img时..问题是，我在img上有第二个功能而且有些东西不能工作。更确切地说 - 像/ displike这样的函数效果很好..所以我想，我没有将参数传递给函数隐藏得当。而且我的控制台中没有错误。

顺便说一下 - 我故意在onclick上使用了两个函数，按类名称逐个元素也是故意制作的，因为我有一些元素使用相同的ID。

从我的代码粘贴片段：

<script type="text/javascript">
function hide(clicked){
    var click = document.getElementsByClassName('clicked');
           for(var i = 0; i < click.length; i = i + 1) {
       click[i].style.display="none";
    }
}
</script>

<div class="<?php echo $user['id']; ?>" id="single">
   <div class="buttons"><img  class="single-button-red" id="<?php echo $user['id']; ?>" src="red-button.png" onclick="dislike(this.id);hide(this.id);" /><img class="single-button-green" id="<?php echo $user['id']; ?>" src="green-button.png" onclick="like(this.id);hide(this.id);"/></div>
   <div class="single-content"><?php echo $user['name']. "<br />". $user['age']. " lat"."<br />".distance($row['latitude'], $row['longitude'], $user['latitude'], $user['longitude'])." km"; ?></div>
   <a href="/user.php?id=<?php echo $user['id']; ?>">
      <div class="user-img"></div>
   </a>
</div>
<?php

Answer 1

<img onClick='hideFunction(div_id)' source='path/to/img'>

<script type="text/javascript">
function hideFunction(div_id){
    var div = document.getElementsByid(div_id);
    div.style.display="none";
}
</script>

使用onclick方法

1 个答案: