4
respostas

Criar elementos com jQuey

Olá,Na aula 6 o professor cria uma linha na tabela placar digitando os elementos tr e td "na mão". Existe alguma função do jQuery para criar elementos, tal a createElement(), utilizada no curso de JS (na página da Maria Nutricionita) ?

4 respostas

Fala ai Lucas, beleza?

Você poderia passar uma string referente a um HTML válido para a função $() ou jQuery(), por exemplo:

$("<h1>Teste</h1>");

Dessa maneira ele já iria criar um novo elemento para você, se precisar passar valores para os elementos, pode utilizar Template Strings:

const titulo = "Teste";
$(`<h1>${titulo}</h1>`);

Espero ter ajudado.

Aqui tem algo que pode ser útil:

http://stephenwalther.com/archive/2010/11/30/an-introduction-to-jquery-templates

Oi @matheushcastiglioni ,

Para criar a <td></td> que vai receber o ícone de remover um nome da lista, eu fiz:

var tdBtnRemover = $("<td><i class='material-icons'>delete</i></td>");

Com um console.log(tdBtnRemover) eu vi que se trata de um objeto do jQuery, certo?

Quando eu faço userTr.append(tdBtnRemover) aparece o texto "[object Object]" onde deveria aparecer o ícone. Como eu faço para que o ícone apareça?

#gratoDesdejáPelaDica

Fala ai Lucas, seu userTr é um objeto do jQuery ou JavaScript?

mande o código que você fez para buscar ou criar o userTr