jQuery добавить и удалить текстовое поле

У меня есть этот набор html-кодов, которые я хочу добавить еще один вход = «текст», чтобы увеличить количество текстовых полей, когда я нажимаю «+», но я не уверен в parent(). Parent(). Может ли кто-нибудь помочь?jQuery добавить и удалить текстовое поле

here - это мое извлечение jquery и html, извините, что они выглядят abit messy из-за отсутствия css.

источник

2011-01-26 pivotal developer

Думаю, .append() поможет тебе добавить элементы и удалить их (example #1 и example #2).

Итак, element.append(content); добавляет content в конец element HTML (перед закрывающим тегом). element.remove(); удаляет element откуда бы он ни был, поэтому вы должны использовать его для своей кнопки «минус» с помощью $("your_tr > td > label :last") селектора (выбирает последние метки с входами от your_tr).

источник

2011-01-26 09:22:32 shybovycha

привет, там работает append(), но мне нужно сохранить логику обеспечения наличия как минимум 1 текстового поля и максимум 5 текстовых полей. Мой текущий код позволяет это, но вы просто вбрасываете текстовые входы без учета моей логики. В любом случае вы управляете родительским(). Parent(), чтобы получить входной текст? –

использовать свойство '.length' в селекторе:' if ($ ("[name = moo]> td> label"). Length <5) ... '. Вот пример: http://jsfiddle.net/2XJXu/12/. – shybovycha

Вот несколько поправок ...

HTML:

<td colspan="2" id="tasklist"> 
    <label> 
     <input type="text" value="Create a task for this iteration" size="75%" height="25px"/> 
    </label> 
</td>

JavaScript:

$("#tasklist").append('<input type="text" value="Create a task for this iteration" />');

Дополнительные примечания

У вас нет текста в пределах вашего метка. Идея метки заключается в том, что она может помочь пользователям, описав, что нужно ввести в текстовое поле. Вы можете выбрать, чтобы скрыть это с помощью CSS, если вы не хотите, видимую метку - но вы все равно должны иметь один

Введите имя задачи

Не хотите показывать? Скрыть его с помощью CSS:

label { 
    display: none; 
}

Таблицы не должна использоваться для разметки
Try, чтобы переместить ваш HTML атрибутов в CSS

Надеется, что это помогает.

источник

2011-01-26 09:20:07 Fenton

Вы пытались предоставить родителям и id и ссылаться на него этим, вы также можете использовать клон для создания прямой копии входного тега, не забудьте изменить идентификатор клона перед добавлением его в родительский которые также будут клонированы.

источник

2011-01-26 09:20:24

jQuery добавить и удалить текстовое поле

ответ

Смежные вопросы