如何获取父值

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>

每当我在新建上单击 $(".create_new_table_span") 时，我都需要获取单词示例 $(".dat_name).text()。

它应该是动态的，不仅一次而且还有很多NEW链接选择器parent()不起作用。

Answer 1

找到最近的 .database_name 然后 .dat_name 点击下面的 .create_new_table_span .dat_name。

$('.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() Method you will get the first nearest element, matching the selector. And find() 搜索元素的子树。

您也可以直接在点击目标上使用find()：

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

如何获取父值

How to get parent value

jquery

parent