特定のデータを持つ要素を取得する*

Question

idまたは他の識別可能な属性セットがなくてDOMのどこかに<script data-src = "script.js">があります。その要素を正しいsrcでリセットできるように、その要素をどのように選択できますか？

同様：

var el = //code 

el.src = el.dataset.src; 

たぶん私はループのすべてのスクリプトタグとすべてのことができますが、これだけの情報で特定の要素を取得する方法はありますか？

編集：

純粋なjavascriptで。

Answer 1

$(document).find('[data-src]')を使用してオブジェクトを取得します。オブジェクトがdata-srcである場合は、それらをループする必要があります。

$(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 2

次のようにクエリセレクタを使用することができます。

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

Answer 3

はこれを試してみてください...

純粋のJsと。

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 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