Как мне склеить мой массив?

Question

Как мне склеить мой массив?

0

У меня есть функция избранного, но вы хотите, чтобы пользователь мог их удалить.

Вот как это выглядит:

Так что я хочу достичь, это ссылка "Удалить" под каждым элементом, который вызывает функцию удаления, и поэтому удаляет этот объект.

Вот мой JS:

function updateFavourite(video) {
    document.getElementById('favourite').onclick = function () {
        if ($.grep(myfavourite, function (item) {
            return item["id"] == video["id"];
        }).length == 0) {
            blacklist[video["id"]] = true;
            myfavourite.push(video);
            var html = "<li class=\"history\">" +
                "<img class= \"img-rounded\" src=\"{0}\"/>" +
                "<p><b title=\"{2}\"><a class=\"extendedLink\" href=\"javascript:watchFavouriteVideo(\'{1}\');\"><span></span>{2}</a></b><br>" +
                "by {3}<br>" +
                "{4} | {5} views</p>" +
                "</li>";

            $("#myfavourite").prepend(html.format(video["thumbnail"],
                video["id"],
                video["title"],
                video["uploader"],
                video["length"],
                video["views"]));
        }
    }
}

function remove(video) {
    document.getElementById('remove').onclick = function () {
        myfavourite.splice(video, 1);
    }
}

Проблема в том, что он не удаляет видео и не знает, как добавить текст "Удалить" для каждого объекта.

bohmygod 20 фев. 2014, в 01:19

Источник

2

И проблема, с которой вы столкнулись?
Xotic750 19 фев. 2014, в 23:33
0

Итак, основной вопрос - как добавить кнопку «Удалить» или событие? Потому что без этого второстепенная проблема удаления видео будет немой ..
Xotic750 20 фев. 2014, в 00:08
0

Я хочу обе вещи
bohmygod 20 фев. 2014, в 00:33
0

Конечно, но чтобы достичь второй цели, вам нужно выполнить первую. Попробуйте создать простой jsFiddle для вашей первой проблемы, добавьте «text» и обработчик «click» для некоторых элементов, которые были созданы из массива. Тогда, возможно, мы сможем разобраться с конкретной справкой, касающейся «текста» и обработчика.
Xotic750 20 фев. 2014, в 01:02
1

@ Xotic750: Вы имеете в виду спорный вопрос
Matt Burland 20 фев. 2014, в 18:09
0

Ха-ха, действительно! <Faceplant>
Xotic750 20 фев. 2014, в 18:09

Показать ещё 4 комментария

Теги:

javascript

jquery

arrays

splice

1 ответ

Ещё вопросы

И проблема, с которой вы столкнулись?
Итак, основной вопрос - как добавить кнопку «Удалить» или событие? Потому что без этого второстепенная проблема удаления видео будет немой ..
Конечно, но чтобы достичь второй цели, вам нужно выполнить первую. Попробуйте создать простой jsFiddle для вашей первой проблемы, добавьте «text» и обработчик «click» для некоторых элементов, которые были созданы из массива. Тогда, возможно, мы сможем разобраться с конкретной справкой, касающейся «текста» и обработчика.
@ Xotic750: Вы имеете в виду спорный вопрос

Xotic750 · Accepted Answer · 2014-02-20T17-50-00.000Z

Вот пример

HTML

<div id="favourites"></div>
<div id="displayList"></div>

CSS

#favourites {
    width:auto;
    height:100px;
}
.favourite {
    width:auto;
    height: auto;
    margin-right:10px;
    background-color:cyan;
    float:left;
}
.title {
    width:auto;
    height: auto;
    background-color:red;
    border:0px;
    text-align:center;
}
.picture {
    width:50px;
    height: 50px;
    background-position:center;
    display:block;
    margin:0 auto;
}
.remove {
    width:auto;
    height: auto;
    text-align:center;
}
.remove:hover {
    cursor:pointer;
    background-color:yellow;
}
#displayList {
    min-height:20px;
    clear:both;
    border:1px solid black;
}

Javascript

var picsArray = [
        'http://upload.wikimedia.org/wikipedia/commons/1/1b/Beys_Afroyim_with_son_%28cropped%29.jpg',
        'http://upload.wikimedia.org/wikipedia/commons/8/8a/Tammam_Salam.jpg',
        'http://upload.wikimedia.org/wikipedia/commons/2/27/Ratusz2007.jpg',
        'http://upload.wikimedia.org/wikipedia/commons/6/60/GPN-2000-001979.jpg'
    ],
    list = picsArray.slice(),
    favourites = document.getElementById('favourites'),
    displayList = document.getElementById('displayList');

function emptyNode(node) {
    while (node.firstChild) {
        node.removeChild(node.firstChild);
    }
}

function updateDisplayList() {
    emptyNode(displayList);
    list.map(function (entry) {
        return entry.split('/').slice(-1)[0];
    }).forEach(function (shortEntry) {
        var p = document.createElement('p');

        p.appendChild(document.createTextNode(shortEntry));
        displayList.appendChild(p);
    });
}

list.forEach(function (pic) {
    var favourite = document.createElement('div'),
        title = document.createElement('div'),
        img = document.createElement('img'),
        remove = document.createElement('div');

    favourite.className = 'favourite';
    title.className = 'title';
    img.className = 'picture';
    remove.className = 'remove';

    title.appendChild(document.createTextNode('Favourite'));
    favourite.appendChild(title);

    img.src = pic;
    favourite.appendChild(img);

    remove.appendChild(document.createTextNode('Remove'));
    remove.addEventListener('click', function (e) {
        e.target.parentNode.parentNode.removeChild(e.target.parentNode);
        list = list.filter(function (ele) {
            return ele !== e.target.previousSibling.src;
        });

        updateDisplayList();
    }, false);

    favourite.appendChild(remove);
    favourites.appendChild(favourite);
});

updateDisplayList();

На jsFiddle

Это может быть именно то, что мне нужно, спасибо.
Я не работал, но мне удалось понять это.
JsFiddle отлично работает для меня, я бы сказал, что вы не правильно перенесли пример в свой проект.