如何从 jQuery 中的同级 div 元素中检索一些文本

格特

我按以下顺序在页面上有一些 div。当有人单击 UL .list-links 中的链接时,我想捕获

<span class="asa_portlet_title">Title here</span>

在一个变量中。我试过使用兄弟姐妹和最接近的,但它总是返回空。

——

<div class="my_portlet" style="display:none;">
    <span class="asa_portlet_title">Title here</span>
</div>

<div class="links">
    <div class="">
        <ul class="list-links">
            <li class="margin-bottom-medium">
                <a href="linkhere.html" target="_self">Link name</a> 
                <a href="linkhere.html" target="_self">Link name</a> 
                <a href="linkhere.html" target="_self">Link name</a> 
                <a href="linkhere.html" target="_self">Link name</a> 
            </li>
        </ul>
    </div>  
</div>

——

$('[ul.list-links a').click(function() {
    var _portletTitle = $(this).siblings('.my_portlet').text(); 
});

也对纯 javascript 方法开放。基本上我在包含链接的页面上有许多 div,并且这些 div 在它上面有另一个 div,那里有标题

有人能把一个小的工作样本放在一起吗?

马克·拜恩斯

你是不是想拿到的兄弟姐妹,你正在试图让父母的兄弟姐妹.linksthis

您还必须阻止 a 元素的默认操作。您可以通过调用preventDefault()事件对象来做到这一点

$('ul.list-links a').click(function(event) {
  event.preventDefault();
  var _portletTitle = $(this).closest('.links').prev('.my_portlet').text();
  console.log(_portletTitle);
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="my_portlet" style="display:none;">
  <span class="asa_portlet_title">Title here</span>
</div>

<div class="links">
  <div class="">
    <ul class="list-links">
      <li class="margin-bottom-medium">
        <a href="linkhere.html" target="_self">Link name</a>
        <a href="linkhere.html" target="_self">Link name</a>
        <a href="linkhere.html" target="_self">Link name</a>
        <a href="linkhere.html" target="_self">Link name</a>
      </li>
    </ul>
  </div>
</div>

<div class="my_portlet" style="display:none;">
  <span class="asa_portlet_title">Title here 2</span>
</div>

<div class="links">
  <div class="">
    <ul class="list-links">
      <li class="margin-bottom-medium">
        <a href="linkhere.html" target="_self">Link name 2</a>
        <a href="linkhere.html" target="_self">Link name 2</a>
        <a href="linkhere.html" target="_self">Link name 2</a>
        <a href="linkhere.html" target="_self">Link name 2</a>
      </li>
    </ul>
  </div>
</div>

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

在每个循环中的jQuery中单击某个元素时,如何删除所有同级元素的类

如何替换文本中的一些xml标签

如何从Kotlin中的列表中删除一些元素

jQuery javascript如何在textarea之后的最接近的div中显示一些html

如何从jQuery中的同名div获取当前选定的div元素?

如何使容器DIV中的所有同级DIV具有相等的高度?

如何防止用户在文本框中写一些特定的单词-JQuery

如何在没有JQuery的情况下从元素的同级中删除类?

如何使一些div元素响应

从.html();中排除一些元素;在jQuery中

如何使用Pug在div中内联图标和一些文本以及一个?

如何使用SQL从列中检索一些信息

如何将每个同级元素附加到jQuery中的同级元素?

试图在jQuery datepicker div中插入一些HTML

如何使用jQuery定位嵌套在另一个元素的同级标签中的元素

XPATH:如何选择包含一些文本及其同级元素的元素不包含其他文本

隐藏div内容中的一些文本

如何使用jQuery和CSS在同级div上打开div

如何在DIV中获得一些按钮以左对齐,而另一些按钮以右对齐?

使用jQuery加载jQuery对话框后如何在下拉菜单中设置一些文本

在jQuery中创建元素后如何执行一些代码?

jQuery从同级元素中删除类

如何从所有div中(不仅仅是同级兄弟)中删除带有jQuery的类?

在jQuery选择器中获得同级

如何用”,“”,(),[],{}等在vim中包装一些文本?

使用jQuery从“ src”属性中删除一些文本

如何在修改宽度的 div 中显示一些元素

如何通过一些装饰将 div 放入更大的 div 中?

如何使用javascript将一些div元素放在主div元素中?