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。

并且不要使用它在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');

DEMO

Answer 4

替换

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

        with

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

Answer 5

试试这个

$(document).ready(function () {

      $('.test').click( function(){

            alert($(this).siblings().attr("id"));

      });
});

在兄弟姐妹中你可以传递任何选择器。例如，.siblings("div")

找不到下一个div属性id

5 个答案:

DEMO