Question

如何显示以下表格。

HTML

<p><input type ="button" id="comment16" 
     value="Comment"></p>

 <div class="form" style="display:none">

JQUERY

$('[id^="comment"]').click(function(e) {

            var $thisClicked = $(this);
            $thisClicked.next('.form').show();   
            alert($thisClicked.attr('id')); 

        });

即使警报显示正确的ID，我的脚本也不起作用。

Answer 1

使用以下代码

$('[id^="comment"]').click(function(e) {
    $(this).parent().next('.form').show(); 
});

<强> Fiddle Demo

Answer 2

$('[id^="comment"]').click(function() {
    $(this).closest('p').next('.form').show(); 
});

Answer 3

jQuery::next找到兄弟姐妹。您的表单div不是输入按钮的兄弟;它是输入按钮的父<p>的兄弟。您需要更改代码以引用父级的兄弟。

$('[id^="comment"]').click(function (e) {
  var $thisClicked = $(this);
  var $nextForm = $thisClicked.parent().next('.form');
  $nextForm.show();
});

如何在Jquery中选择下一个标记

3 个答案: