形成如何從范圍獲取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>