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>

当我在New上点击$(".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');

如何获得父价值

2 个答案: