Добавлять элемент html с append и получать этот элемент, не будучи должен искать это

Например, если я добавляю select с .append () и потом я хочу добавить options этот добавленный select: Как я могу распределять это в переменную одновременно, что я это добавляю?

Единственная форма, которой я достиг, состоит в том, чтобы искать ее, добавив ее с методом .find ()

$(this).append('<select></select>');
var select = $(this).find('select');
select.append($('<option>', {
    value: 5,
    text: 'texto',
))

Я верю в это, что он не правилен, или чего-то нет я начинаю хорошо

var select = $(this).append('<select></select>');
select.append($('<option>', {
    value: 5,
    text: 'texto',
))

Мне хотелось бы знать, существует ли какой-то способ делать это более элегантным

3
задан 30.01.2017, 16:50
4 ответа

Что ты ищешь делать, иметь в переменной элемент, что estÃ: s añadiendo ser¦ - в точно противоположность того, что estÃ: s делая.

var this_ = $(this).append(elemento);

Переменная this_ ссылается на элемент jQuery $(this)

var select = $('<select></select>').appendTo($(this));

В этом случае переменная select ссылается на элемент jQuery создано . (Так как эти métodos jQuery возвращают сам объект).

var body = $('body');
var select = $('<select></select>').appendTo(body);
var optiona = $('<option value="aaa">aaa</option>').appendTo(select);
var optionb = $('<option value="bbb">bbb</option>').appendTo(select);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
3
ответ дан 24.11.2019, 11:25

Я он asignar¦ - в один пойдите:

$(this).append('<select id="appended"></select>');

$("#appended").append($('<option>', {
    value: 5,
    text: 'texto',
))
2
ответ дан 24.11.2019, 11:25

Я думаю, что проблема с твоим c¦digo состоит в том, чтобы помещать <select></select>, s¦lo deber¦-схвати помещать <select>, и quedar¦ - в as¦-:

    $(this).append('<select>').append($('<option>', { 
        value: 5,
        text : 'texto'
    }));
1
ответ дан 24.11.2019, 11:25

Другая форма и является очень понятная серьезная форма следующей:

//fase de creacion de elementos
var body = $('body');//variable para el body
var select = $('<select></select>');//crear el select
var optionA = $('<option value="A">opcion A</option>');//creas los options
var optionB = $('<option value="B">opcion B</option>');
//fase de enlazar elementos.
select.append(optionA);
select.append(optionB);
body.append(select);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
1
ответ дан 24.11.2019, 11:25

Теги

Похожие вопросы