Дублирование html-элемента, который передает параметры id в функцию

Question

Дублирование html-элемента, который передает параметры id в функцию

0

У меня есть функция jquery, которая передает параметры Id в MarkUp. И он отлично работает, когда я клонирую функцию, он возвращает те же идентификаторы. Я бы хотел, чтобы он возвращал разные идентификаторы... как мне найти разные параметры id?

это функция:

    var generateMarkup = function(statusid, emailid) {
        return '<div class = "divAddId" style="float:left;"><div id="wfEmailStatus' + statusid + "_" + emailid + 'Header">' +
            '<input type="checkbox" name="wfEmailStatus' + ($('#workflowModalTabStatus' + statusid + "_" + emailid).length + 1) + 'Conditional" class="typ3 paleText" id="wfEmailStatus' + ($('#workflowModalTabStatus' + statusid + "_" + emailid).length + 1) + 'Conditional" value="Y" disabled="disabled" />' +
            '<label for="wfEmailStatus' + ($('#workflowModalTabStatus' + statusid + "_" + emailid).length + 1) + 'Conditional" class="typ2 noTxtSelect1 paleText"> Delivery Conditional On Field &nbsp;&nbsp;</label>' +
            '<input type="text" name="wfEmailStatus' + ($('#workflowModalTabStatus' + statusid + "_" + emailid).length + 1) + 'ConditionalFields" class="typ1 shad2 paleText" id="wfEmailStatus' + ($('#workflowModalTabStatus' + statusid + "_" + emailid).length + 1) + 'ConditionalFields" ' +
            'value="" disabled="disabled" style="width:310px" />' +
            '<input value = "Remove Field" type="button" class="smallbutt3" id="workflowEmailDeliveryStatus' + ($('#workflowModalTabStatus' + statusid + "_" + emailid).length + 1) + 'Remove" style="float:middle" disabled="disabled"></button></div></div>';
    };

И это мое событие click:

 $('.smallbutt2').click(function() {
            $parent = $(this).parent();
            $rows =$parent.find('.divAddId');
            var $newItem = $(generateMarkup(statusid, emailid));
            $last = $rows.last();
            $newItem.insertAfter($last);
            var $break = $("<br />");
            var $button = $newItem.find('.smallbutt3').first();

            $button.click(function() {
                $newItem.hide();
                $newItem.remove();
                $break.remove();
            });
            $button.fadeIn();
        });

Chuckx86 23 янв. 2014, в 13:59

Источник

1

Вы действительно нуждаетесь в этих элементах, чтобы иметь идентификаторы? Если они повторяются, вы, вероятно, должны вместо этого использовать класс.
Barmar 23 янв. 2014, в 12:30
0

Я понимаю, что Barmar и я использую класс ... И да, мне нужны эти параметры id ... Я думал об использовании цикла, но это не сработало ... Я надеюсь, что есть более простой способ ...!
Chuckx86 23 янв. 2014, в 12:55
0

Похоже, вы делаете это правильно. Вам просто нужно увеличивать statusid каждый раз, когда вы вызываете generateMarkup .
Barmar 23 янв. 2014, в 12:57
0

Вот что мне нужно помочь ... Каждый раз, когда я увеличиваю, я получаю неопределенную ошибку в Firebug ...!
Chuckx86 23 янв. 2014, в 12:59

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

Теги:

javascript

jquery

1 ответ

Ещё вопросы

Вы действительно нуждаетесь в этих элементах, чтобы иметь идентификаторы? Если они повторяются, вы, вероятно, должны вместо этого использовать класс.
Я понимаю, что Barmar и я использую класс ... И да, мне нужны эти параметры id ... Я думал об использовании цикла, но это не сработало ... Я надеюсь, что есть более простой способ ...!
Похоже, вы делаете это правильно. Вам просто нужно увеличивать statusid каждый раз, когда вы вызываете generateMarkup .
Вот что мне нужно помочь ... Каждый раз, когда я увеличиваю, я получаю неопределенную ошибку в Firebug ...!

Barmar · Accepted Answer · 2014-01-23T11-18-00.000Z

var statusid = 1; // Initialize statusid

$('.smallbutt2').click(function() {
            $parent = $(this).parent();
            $rows =$parent.find('.divAddId');
            var $newItem = $(generateMarkup(statusid, emailid));
            statusid++; // Increment it after generating a new item
            $last = $rows.last();
            $newItem.insertAfter($last);
            var $break = $("<br />");
            var $button = $newItem.find('.smallbutt3').first();

            $button.click(function() {
                $newItem.hide();
                $newItem.remove();
                $break.remove();
            });
            $button.fadeIn();
        });

Ух ты ... Большое спасибо ... Я весь день спорю ... Это работает как шарм ...
Ну, вы инициализировали statusid ... У меня была переменная "count", инициализированный count = 0 ...