jquery - 如何使用 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>

在 HTML 中

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

它不工作......请帮助我！

Answer 1

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

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

演示：小提琴

Answer 2

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

你试过这样吗？

  $.noConflict();
  jQuery(document).ready(function($) {
    // Code that uses jQuery's $ can follow 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>");