Question

我正在自定义一个名为 Juqery FIler 的插件，该插件用于通过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());

获得顶级父属性值

1 个答案: