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

в HTMLКак добавить тег span в теге div с помощью jquery?

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

Это не работает ... Пожалуйста, помогите мне !!!

+2

Что вы ожидаете увидеть, когда вы добавляете пустой промежуток? Удалите дополнительные '});' от конца вашего кода и он будет работать: http://jsfiddle.net/r7j8t/ – nnnnnn

+0

Базиально содержимое добавляется в div с типом класса nivo-caption файлом плагина. Я хочу, чтобы содержимое содержалось в теге span – Nida

+0

Какой контент? Какой плагин? Что делать, если вы примените класс к диапазону, который вы добавляете, прежде чем вы вызовете какой-либо плагин, о котором говорите? Сначала запустите плагин, а затем используйте метод '.wrapAll(). – nnnnnn

ответ

0

Пожалуйста, посмотрите на 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>"); 
2

Там, кажется, ошибка с скобкой, но я думаю (и надеюсь), это просто плохой вырезать/вставить.

Вы пробовали это таким образом?

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

Как указано в примере here?

Надеюсь, это поможет.

+0

Обратите внимание, что на странице jQuery doco, с которой вы связались, также объясняется, что вы можете использовать метод var varVar = jQuery.noConflict(); ', используемый OP. [Это работает] (http://jsfiddle.net/r7j8t/). – nnnnnn

3

Использование wrapInner() обернуть всех детей элемента

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

Демо: Fiddle

+1

+1. (Почему я всегда забываю о '.wrapInner()' и пытаюсь сделать это, как в моем ответе? Это не первый раз, когда я это сделал ...) – nnnnnn

Смежные вопросы