如何獲得父值

Question

我有這個基本的代碼我的HTML文檔中：

<div class="database_name" style="background: rgb(243, 243, 243);"> 
    <i class="minus_sign fa fa-minus-circle"></i> 
    <div id="hovering_div_inside"> 
     <i class="fa fa-database database_sign"></i> 
     <span class="dat_name">Example</span> 
    </div> 
    <div class="appended"> 
     <div class="create_new_table"> 
      <i class="fa fa-pencil"> 
       <span class="create_new_table_span">New</span> 
      </i> 
     </div> 
     <span class="table_names_from_database"></span> 
    </div> 
</div> 

我需要得到這個詞例如$(".dat_name).text()當過我點擊$(".create_new_table_span")上的新建。

它應該是動態的不僅一次，也有很多NEW鏈接選擇器parent()不起作用。

Answer 1

找到最接近的.database_name，然後.dat_name下面點擊.create_new_table_span就像下面一樣。

$('.create_new_table_span').click(function(){ 
    var text = $(this).closest('.database_name').find('.dat_name').text(); 
    alert(text); 
}) 

Answer 2

你可以做這樣的事情：

$(".create_new_table_span").click(getDataName); 

function getDataName(e){ 
    var name = $(e.target).closest('.database_name').find('.dat_name').text(); 
    //do what ever you want with the name. 
} 

使用closest()方法，你會得到的第一個位置最近的元素，選擇相匹配。 find()搜索元素的子樹。

您還可以使用find（）方法直接點擊目標：

$(e.target).find('.dat_name');