Php jQuery仅在父div中使用类切换元素

Php jQuery仅在父div中使用类切换元素,php,jquery,web-applications,toggle,Php,Jquery,Web Applications,Toggle,在过去的两天里,我一直在为这件事头疼。我正在制作一个应用程序,它可以显示数据库中的信息、标题/链接、缩略图以及保存在无序列表中的时间,如下所示: 我想做的是在元素上有一个最小化按钮,切换缩略图和节省的时间:我可以做到这一点,但这要么全是,要么全是。我点击一个最小化按钮,一切都开始了。我如何将其包含为仅切换具有特定类名的项,这些项是最小化按钮所在div的子项?我尝试过.parent(),.child(),.next(),.prev()。我已经把我所知道的一切都抛给了它。现在我转向你们,善良的先生们

在过去的两天里,我一直在为这件事头疼。我正在制作一个应用程序,它可以显示数据库中的信息、标题/链接、缩略图以及保存在无序列表中的时间,如下所示:
我想做的是在元素上有一个最小化按钮,切换缩略图和节省的时间:
我可以做到这一点,但这要么全是,要么全是。我点击一个最小化按钮,一切都开始了。我如何将其包含为仅切换具有特定类名的项,这些项是最小化按钮所在div的子项?我尝试过.parent(),.child(),.next(),.prev()。我已经把我所知道的一切都抛给了它。现在我转向你们,善良的先生们(或夫人)。我做错了什么?这是我想用的ul

echo'
<li class="bookmarkContainer">
<a href="'.$row['url'].'" class="toggle"><img class="thumb" src="images/placeholder.png" /></a>
<div class="title"><a href="'.$row['url'].'" class="bookmrk" target="_blank">'.$row['title'].'</a></div>
<div class="dt toggle">'.relativeTime($row['dt']).'</div><br />
<a class="collapse" href="#">hide</a>
<a class="delete" href="?delete='.$row['id'].'" id="'.$row['id'].'">Delete Bookmark</a>
</li>';
echo'
  • “.relativeTime($row['dt'])。
  • ';
    您可以使用以下方法进行操作:

    $(".collapse").click(function() {
      $(this).closest('.bookmarkContainer').find('.toggle').toggle();
    });
    
    $(".collapse").live('click', function() {
      $(this).closest('.bookmarkContainer').find('.toggle').toggle();
    });
    //or...
    $("#ulID").delegate('.collapse', 'click', function() {
      $(this).closest('.bookmarkContainer').find('.toggle').toggle();
    });
    
    如果您有很多这样的工具,或者它们正在通过ajax进行更改(看起来像是搜索结果的东西),请使用以下工具:

    $(".collapse").click(function() {
      $(this).closest('.bookmarkContainer').find('.toggle').toggle();
    });
    
    $(".collapse").live('click', function() {
      $(this).closest('.bookmarkContainer').find('.toggle').toggle();
    });
    //or...
    $("#ulID").delegate('.collapse', 'click', function() {
      $(this).closest('.bookmarkContainer').find('.toggle').toggle();
    });
    
    您可以使用和这样做:

    $(".collapse").click(function() {
      $(this).closest('.bookmarkContainer').find('.toggle').toggle();
    });
    
    $(".collapse").live('click', function() {
      $(this).closest('.bookmarkContainer').find('.toggle').toggle();
    });
    //or...
    $("#ulID").delegate('.collapse', 'click', function() {
      $(this).closest('.bookmarkContainer').find('.toggle').toggle();
    });
    
    如果您有很多这样的工具,或者它们正在通过ajax进行更改(看起来像是搜索结果的东西),请使用以下工具:

    $(".collapse").click(function() {
      $(this).closest('.bookmarkContainer').find('.toggle').toggle();
    });
    
    $(".collapse").live('click', function() {
      $(this).closest('.bookmarkContainer').find('.toggle').toggle();
    });
    //or...
    $("#ulID").delegate('.collapse', 'click', function() {
      $(this).closest('.bookmarkContainer').find('.toggle').toggle();
    });
    

    令人惊叹的!非常感谢。这正好说明为什么我是一个网页设计师而不是网页开发者!令人惊叹的!非常感谢。这正好说明为什么我是一个网页设计师而不是网页开发者!