Chrome擴展程序：讀取標籤之間的文本

我是新增Chrome擴展程序。我想一個類標籤之間閱讀的文本，如：Chrome擴展程序：讀取標籤之間的文本

<div id="AssetThumbnail" class="thumbnail-holder" data-3d-thumbs-enabled data-url="/thumbnail/asset?assetId=111795617&amp;thumbnailFormatId=6912&amp;width=320&amp;height=320" style="width:320px; height:320px;"> 
    <span class="thumbnail-span" **data-3d-url=**"/asset-thumbnail-3d/json?assetId=111795617" data-js-files='http://js.rbxcdn.com/a552a24cb2c7a47ad748fd129a2e9624.js.gzip' ><img class='' src='http://t7.rbxcdn.com/7cfa58047697662d12f33d68b71e5f42' /></span> 
    <span class="enable-three-dee btn-control btn-control-small"></span> 
</div>

我想從數據-3D-URL =獲取文本。我用代碼中的星號包圍它，這樣你就可以看到我指的是什麼。

來源

2014-09-02 user3851593

使用jQuery，你可以通過下面的代碼片段獲取類似的屬性。

alert($('.thumbnail-span').attr("data-3d-url"));

然後，您可以更改報警功能設置要使用該值的變量或任何其他。

下面是一個JSFiddle示例：http://jsfiddle.net/r1umr3s5/1/

來源

2014-09-02 17:58:27 IronFlare

好吧！這解決了它，我還有一個問題。 'contentInput.onclick = function（）{ \t alert（$（'。thumbnail-span'）。attr（「data-3d-url」））; \t chrome.extension.sendRequest（{ \t \t動作：「EditContent」， \t \t類型：assetType， \t \t名：ASSETNAME， \t \t內容： contentData內容\t}） }'我有此代碼但是當我點擊按鈕時，我得到這個錯誤：'未捕獲的ReferenceError：$未定義' – user3851593 2014-09-02 18:06:35

你的擴展的文件夾中是否有jQuery的副本，並且它被輸入到你的manifest.json的「js：」部分中：''js「：[」jquery-2.1.1.min.js「]（或者你選擇的文件名是什麼）？ – IronFlare 2014-09-02 18:11:39

是的，我喜歡。我需要將它注入某物或？ – user3851593 2014-09-02 18:13:35

Chrome擴展程序：讀取標籤之間的文本

回答

相關問題