Как «скопировать» и добавить один элемент списка из одного неупорядоченного списка в другой, нажав на элемент списка с помощью jquery?

Question

Как «скопировать» и добавить один элемент списка из одного неупорядоченного списка в другой, нажав на элемент списка с помощью jquery?

0

Я в настоящее время создаю свой собственный аудиоплеер. Я не хочу использовать jPlayer Я хочу, чтобы у меня была возможность щелкнуть " li " на моей веб-странице с " ul ", если она будет добавлена в список воспроизведения. Вот мой код. Это всего лишь какой-то тестовый код. Если кто-то может помочь, это будет потрясающе !!

Заранее спасибо!

Итак, вот HTML:

<h2>First List</h2>
<p>Click a track below to add to 'Second List' below:</p>
<div class="first">
    <ul>
        <li id="one" class="add"><a href"#">This is a paragraph.</a></li>
        <li id"two" class="add"><a href"#">This is another paragraph.</a></li>
    </ul>
</div>

<h2>Second List</h2>
<div class="second">
    <ul>
        <li>List item 1</li>
        <li>List item 2</li>
        <li>List item 3</li>
    </ul>
</div>

и вот мой js:

function updateList() {
    var self = $(this);
    var holder = self.find("li");
    var trackId = holder.attr("id");
    var trackItem = $("#"+trackId).text();

    $('.second ul').append('<li>' + '<a href"#">' + trackItem + '</a>' + '</li>');
    $('.second ul li:last').hide().slideDown();
}

// Appending the new item
$('.add a').click(function() {
    updateList();
});

Destr0yed 11 май 2014, в 11:18

Источник

Теги:

jquery

audio

append

player

playlist

1 ответ

Ещё вопросы

blackBox solutions · Accepted Answer · 2014-05-11T09-01-00.000Z

прежде всего одно из многих возможных решений вашей конкретной проблемы может выглядеть так:

$('.add').click(function() {
    $('.second ul').append($(this).removeClass('add').unbind('click'));  
});

есть некоторые серьезные проблемы с вашим кодом. одним из них является то, что вы ссылаетесь на this в своей функции updateList() (в этом случае указывает на window), но это отличается от this (указывая на щелчок LI), который вы получаете в своем $('.add a').click() поэтому, если вы хотите обработать добавление в дополнительной функции, вам нужно передать значение этого из функции click() в updateList().

и, наконец, поскольку это ваш первый вопрос для stackoverflow, вы можете подумать о том, чтобы использовать правильные теги для своих будущих вопросов, поскольку этот вопрос не имеет ничего общего с аудио, плеером или плейлистом. это простая проблема с jquery.

надеюсь, я немного помог вам, и удачи в реализации вашего аудиоплеера