Question

我有这部分代码：

<div id="AjaxFileUpload1_FileInfoContainer_900BDF5B-CE16-296C-46C9-3A679A9CD120" class="pendingState" style="display: inline-block;">
<span id="AjaxFileUpload1_FileItemInfo_900BDF5B-CE16-296C-46C9-3A679A9CD120" class="ajax__fileupload_fileItemInfo">
<span class="filename">Power_Classic_1328174879.hbs</span>  - 
<span class="filesize">4.09 kb</span> 
</span>
<span id="AjaxFileUpload1_FileItemStatus_900BDF5B-CE16-296C-46C9-3A679A9CD120" class="uploadstatus"> (pending*)</span></div>

我需要从jQuery的代码中获取文件名“Power_Classic_1328174879.hbs”，我怎么能找到它？

编辑：

<script>

    $(document).change(function () {
        $(".removeButton").click(function () {
            var idr = $(this).attr('id');
            var idrc = idr.replace('AjaxFileUpload1_FileItemDeleteButton_', '');

            var nazwa = $("span#AjaxFileUpload1_FileItemInfo_" + idrc + " span.filename").text();

            alert(nazwa);
        });
    });
</script>

我附加了删除ASP.NET中AjaxFileUpload按钮的功能。此控件动态生成所选文件的按钮。我得到按钮的id并将其保存在idr变量中，接下来我只获得动态生成的部分od id，如“494FDJ-393HD ......”并将其保存在idrc中。这部分id在其他div中重复，span元素与一个文件相关。现在我需要使用idrc作为span id的一部分在代码中找到文件名。

Answer 1

var filename = $('.pendingState .ajax__fileupload_fileItemInfo .filename').html();

Answer 2

使用text();

试试这个

$('span#AjaxFileUpload1_FileItemInfo_900BDF5B-CE16-296C-46C9-3A679A9CD120 span.filename').text();

虽然你的id看起来很怪异，但是我使用span的id选择器，因为id应该是唯一的，并且应该为你提供你需要的精确span元素而不是class（class可以是多个）。

如何从另一个span元素中的span元素之一获取文本？

2 个答案: