如何使用 jquery 删除 noscript 标签包装？

Question

我想删除环绕图像的 noscript 标签：

<a href="some_image.jpg">
 <noscript>
  <img src="some_image.jpg">
 </noscript>
</a>

我尝试了

unwrap()

，但是在noscript中不起作用，接下来我尝试了

html()

方法：

$('a').html(function(index, oldhtml){
   return oldhtml.replace(/\<noscript\\?>/g, '');
});

虽然标签被删除，但它生成一个字符串而不是 DOM:

<a href="some_image.jpg">
 "
  <img src="some_image.jpg">
 "
</a>

如何在保持 img 元素不变的情况下删除 noscript 标签包装？

Answer 1

您可以用元素的内容替换该元素：

$('noscript').replaceWith(function() {
    return this.textContent || this.innerText;
    // return $('<div/>').html(this.innerHTML).text();
});

http://jsfiddle.net/x9Eaw/

Answer 2

尝试类似的东西 - 这实际上是一个非常粗糙的黑客

jQuery(function($){
    $('a:has(noscript)').html(function(){
        return $(this).find('noscript').text()
    })
})

演示：小提琴

Answer 3

你可以试试这个方法：

var image=$('noscript').text();
$("noscript").remove();
$("a").append(image);

演示小提琴

Answer 4

为什么不保留

noscript

并自行添加图像？

$("noscript").each(function () {
    $('<img src="' + this.parentNode.href + '" />').appendTo(this.parentNode);
});

小提琴

Answer 5

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML>
<HEAD>
<TITLE>noscript can change the Internet forever</TITLE>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
</HEAD>
<BODY>
<SCRIPT LANGUAGE="JavaScript">
<!--
$(document).ready(function(){
    $('noscript').replaceWith(function() {
        return this.textContent || this.innerText;
    });
    $("p#javascripton").css("background-color", "yellow"); 
    $("p").click(function(){
        $(this).hide();
    });
}); 
//-->
</SCRIPT>
<noscript>
<p>
Noscript's usage today can be logical for <a href="google.com"><p id="javascripton">eg pc/laptop/high quality tablets usage the complete website with all features:images high resolution,javascript<br><h1>OR without javascript so no high resolutions images inserted with a jquery automated script generated from some php+javascript scripts so have usage for 80% mobile application cause almost are from China ,so low quality products=low cpu,low ram :IN THIS CASE SOMEONE CAN THINK TO SWITCH HIS PHONE TO NO JAVASCRIPT USAGE SO IF ANY PROGRAMMER CAN ADAPT AN ENTIRELY APPLICATION TO THE METHOD I USED IN THIS EXAMPLE AUTOMATED HIS BROWSER IS ADAPT FOR ANY RANDOM ACTION ABOUT THE USER CHOISE(YOU UNDERSTAND "TO USE OR NOT JAVASCRIPT") SO HIS CHINESE PHONE CAN BE APROXIMATELLY APROACH LIKE QUALITY OF SPEED EXECUTION THE OTHERS PC/LAPTOPS/TABLETS QUALITY PRODUCTS.<BR><BR>This stupid example is the best example how no script tag can change the quality of services on this planet ,boost the speed of the internet connection and stops unnecessary use of A LOT OF INTERNET TRAFFIC on slow devices..a simple tag can change the entirely dynamic of programmer's views so entirely Planet's beneficts</h1><p></a> <br>
run this code in two instances :<br>with browser javascript enable <br>and without(browser's javascript disable or eg a firefox plugin noscript states on/off)
</p>
</noscript>
</BODY></HTML>

Answer 6

为什么我们需要 jQuery？

document.querySelectorAll("noscript").forEach(function(a){a=a.textContent;a=document.createRange().createContextualFragment(a);document.body.appendChild(a)});

希望这有帮助！

如何使用 jquery 删除 noscript 标签包装？

问题描述投票：0回答：6

6个回答

最新问题

如何使用 jquery 删除 noscript 标签包装？

问题描述 投票：0回答：6

6个回答

最新问题

问题描述投票：0回答：6