包裝使用jQuery

我有一個變量wrapper數據：包裝使用jQuery

<div class="elementwrapper" draggable="true" ondragstart="drag(event)" >  
<span class="edittool"> 
    <span class="glyphicon glyphicon-pencil editpencil" onclick="editContent(this);" style="padding:0 5px 0 0;"></span> 
    <span class="glyphicon glyphicon-ok editok" onclick="doneEdit(this);" style="display:none;padding:0 5px 0 0;"></span> 
    <span class="glyphicon glyphicon-remove editcancel" onclick="doneEdit(this);" style="display:none;padding:0 5px 0 0;"></span> 
</span>  
</div>

我想換行span在我的潮流元素，數據與edittool類。我用：

$(currentElement).wrap(wrapper);

但是我得到的是：

<div class="elementwrapper" draggable="true" ondragstart="drag(event)" > 
<span class="edittool"> 
    <span class="glyphicon glyphicon-pencil editpencil" onclick="editContent(this);" style="padding:0 5px 0 0;"> 
     MY DATA 
    </span> 
    <span class="glyphicon glyphicon-ok editok" onclick="doneEdit(this);" style="display:none;padding:0 5px 0 0;"></span> 
    <span class="glyphicon glyphicon-remove editcancel" onclick="doneEdit(this);" style="display:none;padding:0 5px 0 0;"></span> 
</span>  
</div>

它應該是內部edittoolspan及其所有內部spans後。我該怎麼做？

來源

2015-09-10 Vallabh Lakade

你可以創建一個搗鼓這一點。什麼是currentElement和包裝在這種情況下？ –

但是你想要什麼？你說「我想用class edittool將我當前的元素數據包裹在span中」，但是你似乎遇到了變量的問題...... –

您可以使用.append()將數據放入範圍內。看下面的代碼

$(function(){ 
 
    var wrapper = "MY DATA"; 
 
    $('span.edittool').append(wrapper); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script> 
 
<div class="elementwrapper" draggable="true" ondragstart="drag(event)" > 
 
<span class="edittool"> 
 
    <span class="glyphicon glyphicon-pencil editpencil" onclick="editContent(this);" style="padding:0 5px 0 0;"> 
 
    </span> 
 
    <span class="glyphicon glyphicon-ok editok" onclick="doneEdit(this);" style="display:none;padding:0 5px 0 0;"></span> 
 
    <span class="glyphicon glyphicon-remove editcancel" onclick="doneEdit(this);" style="display:none;padding:0 5px 0 0;"></span> 
 
</span>  
 
</div>

來源

2015-09-10 12:29:19

var content = "<div class='new'></div>"; 
$(".edittool").wrapInner(content);

來源

2015-09-10 13:22:58

包裝使用jQuery

回答

相關問題