查找（排序父）ID

在下面的代碼：查找（排序父）ID

<div class="dropdown"> 
       <a href="/Activites" id="menu_item_activites"> 
        <span><i class="icon-svg_3_activite"></i>Activités 
        </span> 
       </a> 
       <ul class="dropdown-menu"> 
        <li><a href="/Coloriage">Coloriages</a></li> 
        <li><a href="/Activites/Cuisine">Cuisine</a></li> 
        <li><a href="/Activites/Boutique">Boutique</a></li> 
       </ul> 
      </div>

當「Coloriages」點擊鏈接，我想取回上述最接近的ID，所以「menu_item_activites」或文本。我嘗試了很多東西，包括： var x = $（this）.closest（「span」）。text（）; alert（x）;

但這會返回一個空警報？

謝謝！

來源

2017-05-04 jeremygrn

你在這裏。該return false;只有那裏，以便下面的代碼片段沒有404 :)

$(".dropdown-menu a").click(function() { 
 
    var x = $(this).parents("div").find("a").attr("id"); 
 
    console.log(x); 
 
    return false; 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="dropdown"> 
 
    <a href="/Activites" id="menu_item_activites"> 
 
    <span><i class="icon-svg_3_activite"></i>Activités 
 
        </span> 
 
    </a> 
 
    <ul class="dropdown-menu"> 
 
    <li><a href="/Coloriage">Coloriages</a></li> 
 
    <li><a href="/Activites/Cuisine">Cuisine</a></li> 
 
    <li><a href="/Activites/Boutique">Boutique</a></li> 
 
    </ul> 
 
</div>

來源

2017-05-04 14:54:46 mayersdesign

@jeremygrn這是否適合您？ :) – mayersdesign

您可以選擇元素下拉，然後孩子們錨：

$('.dropdown-menu').on('click', function(e) { 
 
     e.preventDefault(); 
 
     var x = $(this).closest('.dropdown').children('a'); 
 
     console.log('ID: ' + x.attr('id') + ' text: ' + x.text().trim()); 
 
    })

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 

 
<div class="dropdown"> 
 
    <a href="/Activites" id="menu_item_activites"> 
 
        <span><i class="icon-svg_3_activite"></i>Activités 
 
        </span> 
 
    </a> 
 
    <ul class="dropdown-menu"> 
 
     <li><a href="/Coloriage">Coloriages</a></li> 
 
     <li><a href="/Activites/Cuisine">Cuisine</a></li> 
 
     <li><a href="/Activites/Boutique">Boutique</a></li> 
 
    </ul> 
 
</div>

來源

2017-05-04 14:56:50 gaetanoM

你好，加埃塔諾，非常感謝。這是我決定去的解決方案！ – jeremygrn

這裏是下面的確切的代碼，

<!DOCTYPE html> 
 
<html lang="en"> 
 
<head> 
 
\t <meta charset="UTF-8"> 
 
\t <title>Document</title> 
 
\t <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
 

 
\t <script> 
 
\t \t $(document).ready(function(){ 
 
\t \t \t $('.dropdown-menu a').click(function(e){ 
 
\t \t \t \t e.preventDefault(); 
 
\t \t \t \t console.log($(this).closest('.dropdown-menu').prev().attr('id')); 
 
\t \t \t }); 
 
\t \t }); 
 
\t </script> 
 
</head> 
 
<body> 
 
<div class="dropdown"> 
 
\t <a href="/Activites" id="menu_item_activites"> 
 
\t \t <span><i class="icon-svg_3_activite"></i>Activités 
 
\t \t </span> 
 
\t </a> 
 
\t <ul class="dropdown-menu"> 
 
\t \t <li><a href="/Coloriage">Coloriages</a></li> 
 
\t \t <li><a href="/Activites/Cuisine">Cuisine</a></li> 
 
\t \t <li><a href="/Activites/Boutique">Boutique</a></li> 
 
\t </ul> 
 
</div> 
 
</body> 
 
</html>

和休息的，你可以根據你的需要修改它。

來源

2017-05-04 15:11:07

查找（排序父）ID

回答

相關問題