Question

我试图用jquery（How do I get javascript to run more than once?）来做这件事，但有些人说用CSS可以更轻松地完成。现在我有JS，只要选择了单选按钮，动态添加和删除ez选择的类，如下所示。这用于用图像替换按钮。

有没有办法使用CSS，以便在添加ez选择的类时，它会将span标记中的文本转换为粗体，然后在删除ez选择的类时删除粗体？我无法更改HTML结构，因为它在我的购物车软件中编码。谢谢！

编辑：是否有任何类型的CSS选择器可以设置最接近所选输入的范围？我知道用+它可以在另一个元素后面选择一个元素，但是有一种方法可以在选中单选按钮后选择下一个span元素，即使该跨度在另一个div中吗？

  <div class="row">
        <input name="TXT870" type="hidden" value="Option 1">
        <div class="col-xs-2">
            <div class="ez-radio (ez-selected)">
                <input class="clearBorder ez-hide" name="CAG3" onclick=
                "javascript:document.additem.CAG3QF1.value='1'; CheckPreValue(this, 2, 0);"
                type="radio" value="870_625_0_625">
            </div><input name="CAG3QF1" type="hidden" value="0">
        </div>
        <div class="col-xs-7">
            <span>Option 1</span> <input class="transparentField" name=
            "CAG3TX1" readonly size="14" type="text" value=" - Add $5.00">
        </div>
    </div>

Answer 1

.ez-selected div不是跨度的前任兄弟或父母...所以否 ......你不能。

没有这种结构

  <div class="row">
        <input name="TXT870" type="hidden" value="Option 1">
        <div class="col-xs-2">
            <div class="ez-radio ez-selected">
                <input class="clearBorder ez-hide" name="CAG3" onclick=
                "javascript:document.additem.CAG3QF1.value='1'; CheckPreValue(this, 2, 0);"
                type="radio" value="870_625_0_625">
            </div><input name="CAG3QF1" type="hidden" value="0">
        </div>
        <div class="col-xs-7">
            <span>Option 1</span> <input class="transparentField" name=
            "CAG3TX1" readonly size="14" type="text" value=" - Add $5.00">
        </div>
    </div>

您必须首先使用DOM，而不能使用CSS，因为没有parent selector

是否可以使用CSS动态更改单选按钮上的字体？

1 个答案: