Javascript 如何获取父项的文本值<；a>；JQuery中的标记元素

我正在使用Jquery的单击功能来获取子菜单（手机、照相机）的文本值。我还想得到这些项目（电子产品）的父元素的文本值。如何使用JQuery实现这一点

<li class="dropdown-submenu" id="subCategory">
  <a class="insideElement" tabindex="-1" href="#">Electronics</a>
  <ul class="dropdown-menu" id="elecItems">
    <li><a class="insideElement" tabindex="-1" href="#">Mobiles</a></li>
    <li><a  class="insideElement" href="#">Cameras</a></li>
    <li><a class="insideElement" href="#">Laptop</a></li>
    <li><a class="insideElement" href="#">Pendrives</a></li>
    <li><a class="insideElement" href="#">Televisions</a></li>
  </ul>
</li>

与上面的脚本类似，我可以获得作为电子元件的父元素的值吗？您有2个选项：

$('#subCategory li a').on('click', function(){
  var selectedItem=$(this).text(); 
});

或

您有两种选择：

$('#subCategory li a').on('click', function(){
  var selectedItem=$(this).text(); 
});

或

---

您可以将函数附加到

#子类别

中的每个li，并从中查找要查找的元素

$('#subCategory li').click(function() 
    var a = $(this).parent().prev();
    alert($(a).html()); 

});

---

您可以将函数附加到

#子类别

中的每个li，并从中查找要查找的元素

$('#subCategory li').click(function() 
    var a = $(this).parent().prev();
    alert($(a).html()); 

});

您可以使用

$（this）.closest（'ul'）.sillides（'a'）.text（）用于此。检查下面更新的代码段


$（“#子类别li”）。在（'click'，function（）上{
var selectedItem=$（this）.closest（'ul'）.sillides（'a'）.text（）；
console.log（selectedItem）；
});









您可以使用
$（this）.closest（'ul'）.sibbines（'a'）.text（）用于此。检查下面更新的代码段


$（“#子类别li”）。在（'click'，function（）上{
var selectedItem=$（this）.closest（'ul'）.sillides（'a'）.text（）；
console.log（selectedItem）；
});









尝试此操作以获取父级
文本

JAVASCRIPT-

var parentElmnt = $(this).closest('#subCategory').find('a:eq(0)').text();

尝试此操作以获取父级
a
文本

JAVASCRIPT-

var parentElmnt = $(this).closest('#subCategory').find('a:eq(0)').text();


$（“#子类别li”）。在（'click'，function（）上{
console.log（$（this.find（'a'）.text（））；
console.log（$（this）.parents（“.dropdown menu”）.sides（$）.text（））；
});










$（“#子类别li”）。在（'click'，function（）上{
console.log（$（this.find（'a'）.text（））；
console.log（$（this）.parents（“.dropdown menu”）.sides（$）.text（））；
});









试试下面的代码

$.(this).closest('ul').prev('a').text();

请尝试下面的代码

$.(this).closest('ul').prev('a').text();

给你答案


$（“#子类别li”）。在（'click'，function（）上{
log（“父项：+$（this.Parent（）.prev（）.text（））；
log（“子菜单：”+$（this.find（'a'）.text（））；
});









这是解决方案


$（“#子类别li”）。在（'click'，function（）上{
log（“父项：+$（this.Parent（）.prev（）.text（））；
log（“子菜单：”+$（this.find（'a'）.text（））；
});









您可以使用以下jquery获取类别和列表项的文本

 $('#subCategory ul li').click(function(){
    var selectedItem=$(this).find("a").html();  // Selected list item
    var selectedItem2=$(this).closest("#subCategory").find("a").first().html();  // Electronics
    });

您可以使用以下jquery获取类别和列表项的文本

 $('#subCategory ul li').click(function(){
    var selectedItem=$(this).find("a").html();  // Selected list item
    var selectedItem2=$(this).closest("#subCategory").find("a").first().html();  // Electronics
    });

试试这个：

$('#subCategory li').on('click', function(){
   var selectedItem=$(this).text(); 
   var parent = $('#subCategory').children('a').text();
   $(this).text(parent); 
});

试试这个：

$('#subCategory li').on('click', function(){
   var selectedItem=$(this).text(); 
   var parent = $('#subCategory').children('a').text();
   $(this).text(parent); 
});

这是更新后的代码。您需要使用
parents（）
、
sibbines（）
和
find（）
。另外，确保在执行
find（）
时使用类名来获取所有标记：


$（“#子类别li”）。在（'click'，function（）上{
console.log（$（this）.parents（“.dropdown menu”）.sides（“a.insideElement”）.text（）+'=>'+$（this.find（'a.insideElement'）.text（））；
});









以下是更新的代码。您需要使用
parents（）
、
sibbines（）
和
find（）
。另外，确保在执行
find（）
时使用类名来获取所有标记：


$（“#子类别li”）。在（'click'，function（）上{
console.log（$（this）.parents（“.dropdown menu”）.sides（“a.insideElement”）.text（）+'=>'+$（this.find（'a.insideElement'）.text（））；
});









$（this）.closest（'ul'）.prev（'a'）.text（）@Teemu：谢谢。今早眼睛过敏<代码>$（this）.closest（'ul'）.prev（'a'）.text（）@Teemu：谢谢。今早眼睛过敏！虽然这个代码片段可以解决这个问题，但它确实有助于提高文章的质量。请记住，您将在将来回答读者的问题，而这些人可能不知道您的代码建议的原因。虽然此代码片段可以解决问题，但确实有助于提高您文章的质量。请记住，您将在将来回答读者的问题，而这些人可能不知道您的代码建议的原因。我很高兴@很高兴见到你@NikhilBharadwaj