изменить место элемента HTML в другое место JavaScript

0

Я хочу взять img.fnone и заменить его в элементе span.ddlabel через JavaScript или jquery, есть ли какая-либо функция для этого

  <span id="flat_title" class="ddTitleText ">
    <img class="fnone" src="images/pinc.png">
    <span class="ddlabel">A</span>
    <span class="description" style="display: none;"></span>
    </span>
Теги:
dom

4 ответа

2
Лучший ответ

Использовать append()

var targetSPAN=$('#flat_title');
var image=$('img.fnone', targetSPAN);

$('span.ddlabel', targetSPAN).append(image);

JSFIDDLE DEMO

Поделиться
  • 0
    Зачем клонировать и удалять? Если вы добавляете его куда-то еще, он просто перемещается, это не копия.
  • 0
    @Nunners, понял. обновил мой ответ
Показать ещё 2 комментария
0

Используйте html()

var html=$("img.fnone").html();
$("span.ddlabel").html(html);
$("img.fnone").remove();
Поделиться
0

Используйте метод element.appendChild.

<span id="flat_title" class="ddTitleText ">
    <img class="fnone" src="images/pinc.png" />
    <span class="ddlabel">A</span>
    <span class="description" style="display: none;"></span>
</span>
<div>
    <button id="abc">Click to replace</button>
</div>
<script>
document.getElementById('abc').addEventListener('click',function(){
    var parent = document.getElementById('flat_title'),
    img = document.getElementsByClassName('fnone')[0],
    description = document.getElementsByClassName('description')[0];

    parent.appendChild(img);
    parent.appendChild(description);
})
</script>

Проверьте это на http://jsfiddle.net/fWK67/

Поделиться
0 

<script type="text/javascript">
    $(document).ready(function () {

        $('span .ddlabel').append('<img class="fnone" src="images/pinc.png">');
        $('#flat_title img:first').remove()

    });

</script>
Поделиться

Ещё вопросы

Сообщество Overcoder
Наверх
Меню