2017-05-09 117 views
0

我有一個div元素<div guid="60b758f8-62e7-42cc-ab66-5eca80642f35">100%</div> 沒有任何id或class,由系統自動生成。我需要通過jQuery在變量中獲得這個100%,然後用彈出消息提醒用戶。檢索div元素內的文本值

如何將這個「100%」作爲變量中的文本,因爲它沒有任何id或class。請注意,這個%會保持不同。它可以是從0%到100%的任何值。所以我打算實現「div:contains('%')」函數,然後獲取全文。但無法實現它。任何人都可以幫我找到這個div的全文嗎?

+0

什麼,如果你寫一個%別的東西到頁面上?你爲什麼不給它上課呢? – Liam

+0

我不是jQuery專家。這就是我尋求幫助的原因。 –

+0

'

100%
'......'$('。myClass').text();' – Liam

回答

0

您可以使用文本方法和檢查條件包含。

$("div").text(function() { 
 
    var $this = $(this); 
 
    if ($('div:contains("%")').length > 0) { 
 
    console.log($this.text()); 
 
    } 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div guid="60b758f8-62e7-42cc-ab66-5eca80642f35">100%</div>

+0

謝謝Shree。你的答案是優秀的一段代碼。它按預期工作。 –

+0

很高興能幫到:) –

0

如果你有一個屬性GUID多個div元素,如果你需要單獨獲取它的內部文本,然後更好的方法是使用ID或類。 在你的情況下,我認爲你所擁有的唯一的東西是屬性guid,所以你可以用屬性guid搜索所有的div元素。

示例代碼:

$('div[guid]').each(function() { 
    console.log($(this).text()); 
}); 

你也應該在身體的末端導入jQuery庫

示例代碼:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
1

請儘量代碼below.Hope它會起作用。

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
 
<script> 
 
$(document).ready(function(){ 
 
if ($('div:contains("%")').length > 0){ 
 
\t var divTxt = $('div:contains("%")').text(); 
 
    alert(divTxt); 
 
} 
 
}); 
 
</script> 
 
</head> 
 
<body> 
 
<div guid="60b758f8-62e7-42cc-ab66-5eca80642f35">100%</div> 
 

 
</body> 
 
</html>

+0

請檢查這段代碼,它可以處理任何在文本中創建的包含%的自動生成的div –