獲取具有特定數據的元素 - *設置

Question

說，我的<script data-src = "script.js">在我的DOM的某個地方沒有任何id或其他可識別的屬性集。我怎麼能選擇那個元素，以便我可以用正確的src重置那個元素。

像：

var el = //code 

el.src = el.dataset.src; 

也許我可以循環中的所有腳本標籤和所有的，但有沒有辦法通過眼前這個信息來獲得具體的成分？

編輯：

用純javascript。

Answer 1

使用$(document).find('[data-src]')來獲取對象。請注意，如果你有更多的對象data-src那麼你必須循環它們。用純的js

element = document.querySelectorAll("script[data-src]")[0]; 

Answer 2

您可以按以下使用查詢選擇。

var el=document.querySelector('script[data-src]'); 
 

 
console.log(el.dataset.src); 
 

 
el.dataset.src='correct-src.js'; 
 

 
console.log(el.dataset.src);

<script data-src = "script.js"> 
 
</script> 
 
<div></div>

Answer 3

嘗試......

：

$(document).find('script[data-src]').attr("data-src", "News link") 
 

 
console.log($(document).find('script[data-src]').data("src"))

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

Answer 4

這可以用JavaScript的querySelectorAll()

// Get the first script tag with the data attribute "data-src" 
 
var theScript = document.querySelectorAll("script[data-src]")[0]; 
 

 
// write the data-src to the document 
 
document.write(theScript.getAttribute('data-src'));

<script data-src="testing.js"></script>

Answer 5

的jQuery來完成：

$("script[data-src='script.js']") 

詳情https://api.jquery.com/category/selectors/

Javacript：

document.querySelector('[data-src="script.js"]') 

形成更多的細節see here