使用jQuery更改目標屬性
[英]Change a target attribute with jQuery
問題描述
我想補充target="_new"每a附加一些內容到DOM后標簽，但我不是成功的。
請運行代碼段 ，然后單擊“ Go CORS Go ”，等待內容完全加載，然后嘗試單擊鴨子。 盡管是a標簽，新的屬性似乎並沒有工作。 有什么見解嗎？
var url = encodeURIComponent("https://duckduckgo.com/"); $("button").click(function() { $.getJSON('http://anyorigin.com/get/?url=' + url + '&callback=?', function(data) { var cors = data.contents; $("body").append(cors); $('body a').each(function() { $(this).attr('target', "_blank"); }); }); });
<!DOCTYPE html> <html> <head> <base href="https://duckduckgo.com/" /> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script> </head> <body> <button>Go CORS Go</button> </body> </html>
4 個解決方案
解決方案1
1 已采納 2016-05-24 04:12:36
編輯ajax結果，而不是附加后的頁面結果
嘗試以下方法：
var newcors = $(cors).find('a').attr('target', "_blank").end();
$('body').append(newcors);
解決方案2
1 2016-05-24 04:23:04
由ajax返回的響應具有導致錯誤的腳本， ReferenceError: DDG is not defined(…) ，該腳本將在ReferenceError之后暫停語句的執行
將您的.append語句放入try..catch因此錯誤不會影響您以后的腳本。
var url = encodeURIComponent("https://duckduckgo.com/"); $("button").click(function() { $.getJSON('http://anyorigin.com/get/?url=' + url + '&callback=?', function(data) { var cors = data.contents; try { $("body").append(cors); } catch (Exception) { console.log(Exception); } $('body a').attr('target', "_blank"); }); });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <button>Go CORS Go</button>
更新：由於在提出意見， .attr( attributeName, value ) 設置一個或多個屬性為匹配的元素集合所以沒有必要重復的 a元素。
解決方案3
1 2016-05-24 04:25:37
我假設所有a元素都存儲在cors 。
您可以在將它們附加到body之前設置它們的目標。
例如
$("button").click(function() {
$.getJSON('http://anyorigin.com/get/?url=' + url + '&callback=?', function(data) {
var $cors = $(data.contents);
$cors.find('a').attr('target', '_blank');
$('body').append($cors);
});
});
解決方案4
0 2016-05-24 04:22:49
試試這條簡單的線
舊
$("body").append(cors);
$('body a').each(function() {
$(this).attr('target', "_blank");
});
更新
$("body").append(cors).find("a").attr('target', "_new");
jQuery target td標頭屬性
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.