窗體如何從跨度獲取div元素

我有上傳圖片的窗體，其中包含許多div。我想要獲取包含div範圍內的圖片的名稱。窗體如何從跨度獲取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

來源

2017-05-06 user3162878

user3162878：請儘量在這裏用真實的單詞，即使在註釋。這不是聊天室 - 請儘可能使所有材料儘可能可讀。當然「但是」，「不」，「請」等等都不是很費力打字？ – halfer

.val()獲取的值（認爲輸入字段），但你必須標記之間的內容 - 你需要.html()。
除此之外，您需要獲取內部span的內容，而不是外部div - 否則結果將爲<span data-dz-name="">aust_ews.PNG</span>。

在代碼：

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

如果還是不行，請確認您擁有jQuery庫加載。您可以通過輸入$並按下回車鍵來檢查控制檯。它應該說明類似「功能」的東西。

在ready內執行類似的東西是一種很好的做法。只是可以肯定它會在你期望的方式工作：

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

關於ready看到更多jquery.com manual。

來源

2017-05-06 09:01:22 Pharaoh

bt當我提醒它沒有打印任何東西進行檢查。 var e = $（'。dz-filename span'）。html（）; （e）; – user3162878

必須是您網頁上的錯誤。[它在小提琴中工作]（https://jsfiddle.net/nfh77a14/）。你有jQuery加載？ – Pharaoh

檢查編輯後的版本 - 使用''ready''它應該可以工作。 – Sylogista

而不是

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

嘗試

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

至於什麼都HTML或文本的DIV中目前沒有價值，它是div的內容。你可以通過使用html（）或text（）來獲得它。

val()僅適用於輸入元素，如文本，選擇，收音機，複選框，因爲它搜索value屬性並將其返回。

Working Fiddle

來源

2017-05-06 09:05:20

bt當我做 var e = $（「。dz-filename」）。html（）; （e）; 不會NT打印任何 – user3162878

檢查在回答工作撥弄鏈接：https://jsfiddle.net/t0gxwd09/ –

我做BT頁面提供了jQuery的錯誤：的ReferenceError：未定義$ – user3162878

請檢查這一點。它在這裏工作。我檢查了警報。

你只需要將你的代碼傳遞給$(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>

來源

2017-05-06 09:11:42

窗體如何從跨度獲取div元素

回答

相關問題