如何使用jquery在div标签中追加span标签？

Question

    <script type="text/javascript">
    var jq = jQuery.noConflict();
    jq(document).ready(function() {
    jq('<span></span>').appendTo('.gallery-slider .nivo-caption');
    });
   });
</script>

in html

 <div class="gallery-slider">
         ...
        ....
   <div class="nivo-caption">Hello Dude</div>
    </div>

这不行......请帮帮我!!!

Answer 1

使用wrapInner()来包装元素的所有子元素

jq('.gallery-slider .nivo-caption').wrapInner('<span></span>');

演示：Fiddle

Answer 2

括号似乎有误，但我认为（并希望）只是一个坏的剪切/粘贴。

你试过这种方式吗？

  $.noConflict();
  jQuery(document).ready(function($) {
    // Code that uses jQuery's $ can follow here.
  });

如示例中提供的here？

希望它有所帮助。

Answer 3

请查看http://jsfiddle.net/2dJAN/53/

<div class="gallery-slider" style="height:100px; width:200px; background-color:red;"></div>

$('.gallery-slider').append("<span style='background-color:green;'>I am a span</spn>");