#jquery #css #wordpress #button
Вопрос:
Мне нужно добавить кнопку после одного div в моем wordpress, я пробую этот фрагмент, но он не работает, есть идеи, как это должно быть? Спасибо.
lt;scriptgt; jQuery(document).ready(function(){ var posicion = document.getElementsByClassName("sf-field-search"); var boton = document.createElement("button"); boton.innerHTML = "Ver/Ocultar filtros"; posicion.appendChild(boton); }); lt;/scriptgt; Комментарии:
1.
getElementsByClassNameвозвращает коллекцию HTMLCollection, у которой нет метода appendChild. если вам нужно добавить кнопку к каждому элементу с классом «sf-поле-поиск», вам нужно повторить элементы в «положении» и добавить кнопку, в противном случае вы можете это сделатьdocument.getElementsByClassName("sf-field-search")[0], и он добавит кнопку к первому элементу, найденному с классом «sf-поле-поиск».
Ответ №1:
Если вы используете jQuery, это можно сделать так. Я включил класс на кнопке, чтобы придать ему стиль.
jQuery(document).ready(function() { var posicion = $('.sf-field-search'); posicion.append('lt;button class="test"gt;Ver/Ocultar filtroslt;/buttongt;'); }); .test { display: block; padding: 5px; background: blue; color: white; } .test:hover { background: cyan; } lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"gt;lt;/scriptgt; lt;div class="sf-field-search"gt;sf-field-searchlt;/divgt; Комментарии:
1. Спасибо тебе, приятель!!