Использование jQuery или JavaScript для переноса <span> с <a>

Question

Использование jQuery или JavaScript для переноса <span> с <a>

0

Вот мой HTML:

<div class="productAttributeRow productAttributeConfigurablePickListSet" id="6921e34863c90e71a28b72aaa26e1af4">
<div class="productAttributeLabel">
    <label for="c63471e76af04e3ff10e3b568d54e012">
        <span class="name">Add Matching Panties (6905):</span>
    </label>
</div>
<div class="productAttributeValue">

<div class="productOptionViewRectangle">
<ul class="list-horizontal">
                    <li class="
    option
        ">
    <label for="e0eebcbec82d5048b186e5683668a888">
        <input type="radio" class="validation" name="attribute[1361]" value="1044" id="e0eebcbec82d5048b186e5683668a888">
        <span class="name">XS</span>
    </label>
</li>

                    <li class="
    option
        ">
    <label for="7d7b61c404930891d9d027ef9da67a14">
        <input type="radio" class="validation" name="attribute[1361]" value="1045" id="7d7b61c404930891d9d027ef9da67a14">
        <span class="name">S</span>
    </label>
</li>


    </ul>
</div>
</div>

То, что я пытаюсь сделать, это поместить тег вокруг тега span внутри первого тега метки с помощью JS после загрузки страницы. Я использую CMS, который не позволяет напрямую изменять этот тип материала, но он может быть изменен с помощью JS после загрузки страницы. Я не совсем уверен, с чего начать с этого, я все еще не очень разбираюсь в JS. Благодарю!

user2687646 27 нояб. 2013, в 19:02

Источник

2

Где твоя попытка?
lifetimes 27 нояб. 2013, в 17:54
0

В jQuery есть функция .wrap (), которая, вероятно, решит вашу дилемму. Как сказал @DSG, пожалуйста, попробуйте
MonkeyZeus 27 нояб. 2013, в 17:57
0

$('label .name:first').wrap('<a />')
adeneo 27 нояб. 2013, в 17:57

Показать ещё 1 комментарий

Теги:

javascript

jquery

html

4 ответа

Ещё вопросы

В jQuery есть функция .wrap (), которая, вероятно, решит вашу дилемму. Как сказал @DSG, пожалуйста, попробуйте

Stuart Kershaw · Answer 1 · 2013-11-27T16-08-00.000Z

1

Если используется jQuery:

$('.productAttributeLabel span').wrap('<a href="#"></a>');

Stuart Kershaw 27 нояб. 2013, в 16:08

0

Вы были правы. Я не заметил, что он хотел только первый.
Josh Mein 27 нояб. 2013, в 18:00
0

Вы, вероятно, должны использовать одинарные кавычки.
CharlieM 27 нояб. 2013, в 18:13
0

Обновленный, хороший звонок @CharlieM.
Stuart Kershaw 27 нояб. 2013, в 18:14
0

Небольшой вопрос, зачем вам использовать .each () в этом случае? Разве прямой селектор не был бы лучше?
CharlieM 27 нояб. 2013, в 18:19
0

Да, ты прав. На второй взгляд, .each() - я обновился, чтобы ссылаться на селектор более кратко.
Stuart Kershaw 27 нояб. 2013, в 18:23

Показать ещё 3 комментария

Josh Mein · Answer 2 · 2013-11-27T15-56-00.000Z

Вы можете использовать метод обхода jQuery.

$('span.name:first').wrap('<a href="your path"></a>');

Я думаю, что span.name получит и другие промежутки, OP ищет первое.

Hiral · Answer 3 · 2013-11-27T16-12-00.000Z

Пытаться:

$(".productAttributeRow").find("label:first span").wrap("<a href='somelink'></a>");

Vinay Pratap Singh · Answer 4 · 2013-11-27T15-47-00.000Z

точно так же, как yourspan.wrap('<a href="#"></a>');

$('span').wrap('<a href="#"></a>');