形成如何从范围获取div元素

Question

我有上传图片的表格，其中包含许多div。 我想获取包含span的div内的那张图片的名称。

<form class="dropzone dz-clickable dz-started" action="form_upload.html">
<div class="dz-preview dz-processing dz-error dz-complete dz-image-preview">
<div class="dz-image">
//skipped as it is showing complete image 
</div>
<div class="dz-details">
   <div class="dz-size">
      80kb
   </div>
   <div class="dz-filename">
     <span data-dz-name="">aust_ews.PNG</span>
   </div>
 </div>

</div>

</form>

我正在尝试获取aust_ews.PNG，但无法获取。

这是我的尝试：

var e =$(".dz-filename").val();//failed

var e =$("#form dz-filename").val();//failed

Answer 1

.val()获取值（考虑输入字段），但是您需要标记之间的内容-您需要.html() 。
除此之外，您还需要获取内部span而不是外部div -否则，结果将为<span data-dz-name="">aust_ews.PNG</span> 。

在代码中：

var e = $('.dz-filename span').html();

如果仍然无法使用，请验证您是否已加载jQuery库。 您可以通过简单地输入$并按Enter来检入控制台。 它应该声明类似“功能”的内容。

在ready执行类似的事情是一个好习惯。 只是为了确保它能以您期望的方式工作：

$(document).ready(function()
{
  var e = $('.dz-filename span').html();
});

关于ready更多信息，请参见jquery.com手册 。

Answer 2

代替

$(".dz-filename").val();

尝试

$(".dz-filename").text();

由于div中存在的html或文本都不是值，因此它是该div的内容。 您可以使用html（）或text（）来获取它。

val()仅适用于输入元素，例如文本，选择，单选，复选框，因为它搜索value属性并返回它。

工作小提琴

Answer 3

请检查一下。 它在这里工作。 我已经检查了警报。

您只需要在$(document).ready(function(){}函数中传递代码。

 $(document).ready(function(){ var e = $(".dz-size").html(); alert(e) }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <form class="dropzone dz-clickable dz-started" action="form_upload.html"> <div class="dz-preview dz-processing dz-error dz-complete dz-image-preview"> <div class="dz-image"> //skipped as it is showing complete image </div> <div class="dz-details"> <div class="dz-size"> 80kb </div> <div class="dz-filename"> <span data-dz-name="">aust_ews.PNG</span> </div> </div> </div> </form>