javascript - jQuery: How can I get the HTML from inside NoScript to display in a differend div tag? - Stack Overflow

admin管理员组

文章数量:1242839

I've got a small script that detects if the user is using a certain browser

var is_chrome = navigator.userAgent.toLowerCase().indexOf('chrome') > -1;
if(is_chrome){
    $('.ifChrome').attr('style', 'display:block;');
    $('.ifChrome').html($('noscript > div').html());
};

If they are using this browser, we want to display a div tag and show the HTML from a different div tag inside.

<noscript>
    <div class="note">
        Your browser does not properly support the WMD Markdown Editor.<br />
        Please use <a href="/about/markdown" target="_blank">Markdown<.a> to style your input.
    </div>
</noscript>
<div class="hidden ifChrome note"></div>

What I'm trying to do is show the "not supported" text from inside my <noscript> tag to users who are using this browser (because WMD Markdown doesn't work properly with it).

My existing Javascript is not working. Any help would be greatly appreciated.

I've got a small script that detects if the user is using a certain browser

var is_chrome = navigator.userAgent.toLowerCase().indexOf('chrome') > -1;
if(is_chrome){
    $('.ifChrome').attr('style', 'display:block;');
    $('.ifChrome').html($('noscript > div').html());
};

If they are using this browser, we want to display a div tag and show the HTML from a different div tag inside.

<noscript>
    <div class="note">
        Your browser does not properly support the WMD Markdown Editor.<br />
        Please use <a href="/about/markdown" target="_blank">Markdown<.a> to style your input.
    </div>
</noscript>
<div class="hidden ifChrome note"></div>

What I'm trying to do is show the "not supported" text from inside my <noscript> tag to users who are using this browser (because WMD Markdown doesn't work properly with it).

My existing Javascript is not working. Any help would be greatly appreciated.

• javascript
• jquery

Share Improve this question Follow edited Jan 2, 2011 at 5:33 Chase Florell asked Jan 1, 2011 at 22:32 Chase FlorellChase Florell 47.4k5959 gold badges190190 silver badges382382 bronze badges 9

• Are you sure it doesn't work in Chrome? It seems to work for me... – lonesomeday Commented Jan 1, 2011 at 22:36
• The div shows, but the content of the noscript > div does not get displayed in the <div class="ifChrome">... Instead it's just blank. – Chase Florell Commented Jan 1, 2011 at 22:37
• I meant that WMD Markdown seems to work. – lonesomeday Commented Jan 1, 2011 at 22:40
• Parts of it work, parts don't. I can't get the blockquote or the lists working proper. This is a known issue because of the way the Chrome regex works. – Chase Florell Commented Jan 1, 2011 at 22:41
• Can't you just put the same text inside the Chrome note? :)) – XCS Commented Jan 1, 2011 at 22:46

 |  Show 4 more ments

3 Answers 3

Sorted by: Reset to default 10

This is a bit late but you can do:

var noscriptContents = $($('noscript').html());
$('.ifChrome').append(noscriptContents);

You cannot access the content of a noscript-element using javascript in chrome. So you'll have to find a different approach that doesn't use a noscript-element. Read more about that problem here

<noscript id="noscript-main">
      <div id="div-inside-noscript">
        <span>Your content here</span>
      </div>
      <div>1</div>
      <div class="no-action">2</div>
 </noscript>
 <div id="show"></div>
<script>
      var noscript_main  = $(`#noscript-main`);
      var noscript_main_text = noscript_main.text();
      $.each($(noscript_main_text),function(k,v){
        var obj = $(v);    
        // if you want get the id of element:    
        if( obj.get(0).tagName == `DIV` ) {
          console.log( obj.prop(`id`));
        }
        //if you want display div-inside-noscript inside div#show
        if(obj.prop(`id`) == `div-inside-noscript` ){
          var obj_html = obj.html();  
          $(`#show`).html(obj_html);
        }        
      });
      //if you want remove noscript tag
      noscript_main.remove();      
 </script>

本文标签：