Javascript 另一个div中的引用元素？

在下面的代码中，如果有一个变量指向

have\u this

，我如何使用JQuery引用

选择\u 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>

根据您获取该变量的方式，您可能需要或不需要将其包装为$（）。

试试看

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

---

如果结构保持不变，您可以执行以下操作：

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

---

假设

选择\u该
不是一个类：

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

假设
$have\u，则该
为变量。试试这个：

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

有许多
。在页面上选择此
，我需要引用父项中的一个。如果不知道哪些是常量，很难说。在
.ds
中是否总是只有一个
div
和一个
ul
和一个
li
？DOM遍历是使用jQuery的基本部分。你应该阅读一些介绍性学习材料，这样你就不必在每次你想完成一项简单的任务时都去问别人。页面上有许多同样结构的
d
。
var $have_this = $("a.have_this");
$have_this.parent("div").siblings("ul").find("li.select_this").text();