获得顶级父属性值

Question

我正在定制一个名为Jquery FIlter的插件，用于通过ajax将多个图像上传到服务器。

现在我做的是上传图片后插件生成一些html用于显示和删除图像我复制了该代码并粘贴在我的编辑视图里面我的代码！

现在，如果你注意到b标签它包含我需要从服务器删除文件的文件的名称，但我无法得到它。

这是我到目前为止所尝试的！

<?php foreach($images as $i):?>   
<li class="jFiler-item <?=($i['is_main']==1)?'before':'';?>" data-jfiler-index="0" style="" data-jfiler-index-new="<?=$i['id']?>">
    <div class="jFiler-item-container">
        <div class="jFiler-item-inner">
            <div class="jFiler-item-thumb">
                <div class="jFiler-item-status">
                </div>
                <div class="jFiler-item-thumb-overlay">
                    <div class="jFiler-item-info">
                        <div style="display:table-cell;vertical-align: middle;">
                        <span class="jFiler-item-title">
                            <b title="<?=$i['path']?>"><?=$i['path']?></b>
                        </span>
                        <span class="jFiler-item-others">58.1 KB</span>
                    </div>
                </div>
            </div>
            <div class="jFiler-item-thumb-image">
                <img src="<?=base_url()."uploads/".$i['path']?>" draggable="false">
            </div>
            </div>
            <div class="jFiler-item-assets jFiler-row">
                <ul class="list-inline pull-left">
                    <li>
                        <div class="jFiler-jProgressBar" style="display: none;">
                            <div class="bar" style="width: 100%;"></div>
                        </div>
                        <div class="jFiler-item-others text-success" style="">
                            <i class="icon-jfi-check-circle"></i> Success
                        </div>
                    </li>
                </ul>
                <ul class="list-inline pull-right">
                    <li>
                        <a class="icon-jfi-trash jFiler-item-trash-action"></a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</li>
<?php endforeach;?>

$(".icon-jfi-trash").on("click", function () {
    //alert($(this).parent().parent().parent().parent().parent().parent().parent().parent().attr("data-jfiler-index-new"));
    console.log($(this).closest("b").text());
});

但它仍然没有任何帮助？

Answer 1

试试这个：

  $(".icon-jfi-trash").on("click",function(){
        //Use closest to grab the ancestor container div, then use find() to grab 
//the b element decendant of the container div as the container div is an ancestor of both
         console.log($(this).closest(".jFiler-item-container").find('b').text());