Question

这是我的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>

我想要做的是在页面加载后用JS在第一个标签标签内的span标签周围添加一个标签。我使用的CMS不允许直接更改此类内容，但可以在页面加载后使用JS进行更改。我不确定从哪一开始，我对JS仍然不是很有经验。谢谢！

Answer 1

如果使用jQuery：

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

Answer 2

您可以使用jQuery's wrap method。

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

Answer 3

就像yourspan.wrap('<a href="#"></a>');

一样

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

Answer 4

尝试：

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

使用jQuery或JavaScript将<span>包装为<a></a> </span>

4 个答案: