如何使用jquery在div標籤中添加span標籤？

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

在HTML如何使用jquery在div標籤中添加span標籤？

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

這是不工作...請幫助我！

來源

2013-06-03 Nida

你有什麼期望看到當你添加一個空的跨度？從代碼的末尾刪除多餘的'}）;'它將起作用：http://jsfiddle.net/r7j8t/ – nnnnnn

基本上，內容被插件文件添加到div的類nivo-caption中。我希望內容應該保存在span標籤 – Nida

什麼內容？什麼插件？如果您在調用您所談論的任何插件之前將該類應用於您添加的跨度，那該怎麼辦？或者先運行插件，然後使用'.wrapAll（）'方法。 – nnnnnn

請看看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>");

來源

2013-06-03 10:39:16 vinothini

似乎有誤用括號，但我認爲（和希望）僅僅是一個壞的剪切/粘貼。

你試過這種方式嗎？

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

如在示例here中提供的那樣？

希望它有幫助。

來源

2013-06-03 10:41:12 grimpressive

注意，jQuery的DOCO頁面上鍊接到您這也說明了可以使用'VAR someVar = jQuery.noConflict（）;由OP使用'方法。 [It works]（http://jsfiddle.net/r7j8t/）。 – nnnnnn

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

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

演示：Fiddle

來源

2013-06-03 10:55:59

+1。（爲什麼我總是忘記'.wrapInner（）'並嘗試像我的回答那樣做？這不是我第一次這麼做了......） – nnnnnn

如何使用jquery在div標籤中添加span標籤？

回答

相關問題