формат объекта для addClass, добавить текст и удалить li с помощью jquery

Question

формат объекта для addClass, добавить текст и удалить li с помощью jquery

0

Я использую объект для addClass, добавляю текст и удаляю li. Я хочу, чтобы мой объектный формат, и моя функция хороша, или это может быть сделано с лучшим кодом. Также я разделяю класс и текст с помощью запятой. В моем объявлении второго объекта я не добавляю текст, поэтому я хочу знать, какой ключ не содержит свойства text. Последнее, что он не удаляет последнюю ли. играть на скрипке

JQuery

  function updateli(x) {
    $.each(x, function (val, key) {
        if (Array.isArray(key)) {
            $.each(key, function (i, val) {
                $('li').eq(val).remove()
            })
        }
        $('li').eq(val - 1).addClass(key.split(',')[0]).text(key.split(',')[1])
    })
}
$(function () {
    var ob = {
        2: 'bggreen, hiii',
        3: 'bgblack',
        remove: [0, 3]
    }
    updateli(ob)
})

HTML

<ul>
<li>to be remove</li>
<li></li>
<li></li>
<li>to be remove</li>
</ul>

Carlos 21 окт. 2013, в 17:53

Источник

1

Ваш вопрос мне не понятен, вы можете перефразировать его? Просто скажите, чего вы пытаетесь достичь.
The Alpha 21 окт. 2013, в 15:03
0

Я хочу знать, какой ключ не содержит второго свойства. Как 3: «bgblack» содержит только одно, а 2: «bggreen, hiii» содержит два свойства
Carlos 21 окт. 2013, в 15:09
0

мы можем зациклить в ключе также?
Carlos 21 окт. 2013, в 15:17
0

Я думаю, вы делаете простую вещь более сложной, можете ли вы сказать, какова ваша цель с li и object ?
The Alpha 21 окт. 2013, в 15:23

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

Теги:

javascript

jquery

2 ответа

1

вы можете сохранить результат сплита как это

$.each(x, function (val, key) {
    if (Array.isArray(key)) {
        $.each(key, function (i, val) {
            $('li').eq(val).remove()
        })
    }
    var keys = key.split(',');
    var $li = $('li').eq(val - 1).addClass(keys[0]);
    if(keys.length > 1){
        $li.text(keys[1])
    }
})

Grundy 21 окт. 2013, в 12:42

Ещё вопросы

Ваш вопрос мне не понятен, вы можете перефразировать его? Просто скажите, чего вы пытаетесь достичь.
Я хочу знать, какой ключ не содержит второго свойства. Как 3: «bgblack» содержит только одно, а 2: «bggreen, hiii» содержит два свойства
мы можем зациклить в ключе также?
Я думаю, вы делаете простую вещь более сложной, можете ли вы сказать, какова ваша цель с li и object ?

reyaner · Accepted Answer · 2013-10-21T14-38-00.000Z

вы можете использовать объект вместо "," разделения и затем сплит... проблема с удалением заключается в том, что вы сначала удаляете [0], но тогда индекс li не находится в одной и той же позиции, поэтому [ 3] уже не сейчас [2]...

function updateli(x) {
    $.each(x, function(key, val) {
        if (Array.isArray(val)) {
            var $lis = $("li");
            for (var i = $lis.length - 1; i >= 0; i--) {
                if (val.indexOf(i) > -1)
                    $lis.eq(i).remove();
            }
        } else {
            $('li').eq(key).addClass(val.class).text(val.text)
        }
    })
}
$(function() {
    var ob = {1: {class: "myClass", text: "myText"}, 3: {class: "myClass"}, remove: [0, 3]}
    updateli(ob)
});

здесь скрипка