Как мне переместить этот тег с Jquery?

Question

Мне интересно, смогу ли я получить вашу помощь с Jquery. Обратите внимание, я не могу изменить любой HTML в этом коде, потому что он динамически генерируется с отдельными виджетами в WordPress.

У меня есть тег в облаке тегов с именем класса "tag-link-169"

<a style="font-size: 1.3em; color: rgb(30, 37, 130);" title="1 topic" class="tag-link-169" href="http://blahblahblah.com/tag/poll-2/">poll</a>

Это родительский класс <div class="tagcloud">

Я хочу взять этот конкретный тег «tag-link-169» и удалить его из облака тегов и поместить его перед окном поиска, которое имеет класс «search_form», а также иметь возможность добавлять HTML-текст в перед тегом "нажмите на этот тег, чтобы увидеть опросы"

<form action="http://blahblah.com/" class="search_form" method="get">
    <p>
        <input type="text" onblur="if (this.value == '') {this.value = 'To search, type and hit enter';}" onfocus="if (this.value == 'To search, type and hit enter') {this.value = '';}" id="s" name="s" value="To search, type and hit enter" class="text_input">
        <input type="hidden" value="Search" id="searchsubmit">
    </p>
</form>

Кто-нибудь может помочь?

Answer 1

Вам необходимо выбрать элемент, а затем использовать insertBefore, чтобы поместить его в нужное место.Затем вы можете использовать before для вставки текста:

$('a.tag-link-169').insertBefore('form.search_form').before('click this tag to see Polls');

Answer 2

use .find( classname ) select DOM particular tag having classname.
<div class="parenttoform"
<form action="http://blahblah.com/" class="search_form" method="get">
<p>
<input type="text" onblur="if (this.value == '') {this.value = 'To search, type and hit enter';}" onfocus="if (this.value == 'To search, type and hit enter') {this.value = '';}" id="s" name="s" value="To search, type and hit enter" class="text_input">
    <input type="hidden" value="Search" id="searchsubmit">
</p>
</form>
</div>
// jquery
$('.parenttoform') .append('');
// here what to append, need html right?
//either you can create new html or give parrent div to link like below
<div class="tag-link-169"><a style="font-size: 1.3em; color: rgb(30, 37, 130);" title="1 topic"  href="http://blahblahblah.com/tag/poll-2/">poll</a></div>
now on tag click,
add first and then remove
//jquery

 $('.parenttoform') .append($('.tag-link-169').html());
 $('.tag-link-169').html('');

Answer 3

Попробуйте это:

$('a.tag-link-169').insertBefore('.search_form').before('click this tag to see Polls');