javascript - 使用 jquery 查找父容器的子容器

Question

我可能以错误的方式看待这个问题，但我无法在我的页面中找到一个元素，我希望有人能提供帮助。

场景是这样的: 我有一个 <ul>包含一些 <li>'s依次包含 <a href>'s .我得到被点击的 rel 属性的值 <a href>并想替换 <span class='someclass'> 中的文本它位于父容器中。这些可能不止一个<span class='someclass'>在页面上，所以我需要找到最近的一个。

这是我的 HTML 的样子

<h3 class="my-header-class">
   <span class="some-class">Title Text</span>
 </h3>
 <ul class="tabs">
   <li><a rel="Title Text 1" href="#tab1">Link 1</a></li>
   <li><a rel="Title Text 2" href="#tab2">Link 2</a></li>
   <li><a rel="Title Text 3" href="#tab3">Link 3</a></li> 
 </ul>

这是我的javascript

 var titletext = $(this).attr('rel');
 var container = $(this).parent().children(".some-class");      
 container.text(titletext);

titletext 变量设置了正确的文本，但我无法替换 <span class='someclass'> 的文本.我假设是因为我没有正确找到它。

谢谢， 特里斯坦

Answer 1

$(this).parent().parent().prev().children(".some-class");


 <h3>     <!-- PREV OF UL -->
  <span>  <!-- CHILDREN OF H3 -->

 <ul>     <!-- PARENT OF <LI> AND <A> -->
  <li>    <!-- PARENT OF <A> AND CHILDREN OF <UL> -->
   <a>    <!-- CHILDREN OF <UL> AND <LI> -->