另一个div的参考元素？

Question

在下面的代码中，如果我有一个指向have_this的变量，我如何使用JQuery引用select_this？

<div class="ds">
  <div class="di">
    <a class="have_this" href="example.com"></a>
  </div>
  <ul class="tg">
    <li class="select_this"></li>
  </ul>
</div>

Answer 1

假设$have_this是变量。试试这个：

var $have_this = $("a.have_this");
$have_this.parent("div").siblings("ul").find("li.select_this").text();

<强> DEMO

Answer 2

$(your_var).parent().next().find('li.select_this')

根据您获取has_this变量的方式，您可能需要也可能不需要将其包装在$（）中。

Answer 3

尝试

have_this_var.parent().next().find('.select_this');

Answer 4

如果结构保持不变，你可以这样做：

$(".have_this").closest("div.di").next('ul').find("li.select_this");

Answer 5

假设select_this不是班级：

$have_this.closest('.ds').find('.tg li');