在单击 jquery 时显示隐藏的 li

Question

抱歉，我仍在学习所有愚蠢的 jquery 问题，并发现这是一个很棒的资源！

如何在点击课程时显示<li> 这是我的html

<li><a href="#" rel="sample.gif">sample.gif</a> <a href="#" class="edit_project_file"> <img src="images/edit.gif"/></a></li>    
<li class="edit_project_image" style="display:none;"><input name="upload_project_images[]" type="file" /></li>');

我正在为我的 jquery 尝试这个（以及许多其他组合）：

$('.edit_project_file').click(function() {
$(".edit_project_file").next("li.edit_project_image").show();
return false;

我最初认为我需要使用它，但如果我正确理解“this”，它会获取当前元素，所以我认为我需要获取当前 li 之后的下一个元素。

一如既往，任何帮助都会很棒！

编辑：这里是实际使用的php代码，

         $image_project_images_q = mysql_query("SELECT i_project_id,i_name,i_type FROM `project_images` WHERE `i_project_id` = '$project_data[p_id]' AND i_type = '2'");
    while($image_project_image_data = mysql_fetch_array($image_project_images_q)){
 echo ('<li><a href="#" rel="'.$upload_project_images_path.$image_project_image_data['i_name'].'">'. $image_project_image_data['i_name'].'</a> <a href="#" class="edit_project_file"> <img src="images/edit.gif"/></a></li>');
      echo('<li class="edit_project_image"><input name="upload_project_images[]" type="file" /></li>');
      }

最终编辑：

因为代码是通过 php while 循环生成的，所以 jquery 需要是

$('.edit_project_file').live('click',function() {
$(this).parent().next().show();
return false;

});

Answer 1

$('.edit_project_file').click(function() {
    $(this).parent().next().show();
    return false;
});

假设您的标记与您的示例一样一致，这应该可行。请记住，您必须向上下降，因为您在 anchor 中，它是 li 的子代，然后下一个兄弟是您要显示的 li。

现场示例：http://jsbin.com/edovu

仅供参考：我认为您有一个未闭合的 li 标签。