如何获得父值

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');