找不到下一个div属性id

Question

我正在尝试寻找id的下一个元素，您能建议找到id的下一个元素吗？

我有html代码：

<div class="togg_child" style="font-size: 17px; margin: 5px;">
<a id="cats_1" class="test" href="javascript:">Diamond</a>
<div id="subctg_1" class="test1"></div>
</div>

我正在使用这个Jquery函数：

$(document).ready(function () {
 $('.test').click( function(){
        var tid = $(this).attr('id');
        alert(tid);
        $("#"+tid).parent().next('div').attr('id');
        alert(id1);die;

        });
    });

Answer 1

只需删除父对象()：

$("#"+tid).next('div').attr('id');

或者简单地这样做：

$(this).next('div').attr('id');

这将获得subctg_1 id。

不要使用die，它在php中可用，而不是在js中。

Answer 2

尝试使用单击处理程序中的$(this)引用来指向单击的锚点，而不是构造新的id选择器，构造当前元素的新id选择器似乎没有必要。

$('.test').click( function(e){
  e.preventDefault();
  alert($(this).next('div').attr('id'));
});

.parent()将选择元素的父元素，但这里我们的要求是选择紧接下来的同级元素，因此只需对当前元素调用.next('div')

DEMO

Answer 3

使用$(this)作为当前元素，并删除方案中的parent()

$(this).next('div').attr('id');