Jquery翻转开关追加文本

Html

<div 
     class="slider-toggle-container"
     style="float: left"
     data-initialvalue="0"
     data-height="32"
     data-width="82"
     data-ballwidth="32"
     data-tabindex="undefined"
     data-speed="550">

    <span id="myToggleLabel" class="slider-toggle-label-text">
        Like this toggle?
    </span>

    <label for="leftInput">YES</label>
    <input id="leftInput" type="radio" name="enabled" value="1">

    <label for="rightInput">NO</label>
    <input id="rightInput" type="radio" name="enabled" value="0">

</div>


        <div 
     class="slider-toggle-container"
     style="float: left"
     data-initialvalue="0"
     data-height="32"
     data-width="82"
     data-ballwidth="32"
     data-tabindex="undefined"
     data-speed="550">



    <label for="leftInput">YES</label>
    <input id="leftInput" type="radio" name="enabled" value="1">

    <label for="rightInput">NO</label>
    <input id="rightInput" type="radio" name="enabled" value="0">

</div>

---

我得到的文本是同时附加在翻转开关？如何修复此问题？

我想删除标签文本。。解决问题

    <label for="leftInput"></label>
    <input id="leftInput" type="radio" name="enabled" value="1">

    <label for="rightInput"></label>
    <input id="rightInput" type="radio" name="enabled" value="0">

这是因为

类

，

ID

都是相似的

---

我想删除标签文本。。解决问题

    <label for="leftInput"></label>
    <input id="leftInput" type="radio" name="enabled" value="1">

    <label for="rightInput"></label>
    <input id="rightInput" type="radio" name="enabled" value="0">

这是因为

类

，

ID

都是相似的

---

代码墙有点难以识别，但两个滑块都使用了重复ID，这就是问题所在

<div>
    <label for="leftInput">YES</label>
    <input id="leftInput" type="radio" name="enabled" value="1">

    <label for="rightInput">NO</label>
    <input id="rightInput" type="radio" name="enabled" value="0">
</div>
<div>
    <label for="leftInput">YES</label>
    <input id="leftInput" type="radio" name="enabled" value="1">

    <label for="rightInput">NO</label>
    <input id="rightInput" type="radio" name="enabled" value="0">
</div>

对
不
对
不

---

当标签和ID匹配两次时，这不仅是无效的标记，而且插件会得到两次文本，这就是为什么您在滑块中看到它两次。

代码墙有点难以识别，但您对两个滑块都使用了重复ID，这就是问题所在

<div>
    <label for="leftInput">YES</label>
    <input id="leftInput" type="radio" name="enabled" value="1">

    <label for="rightInput">NO</label>
    <input id="rightInput" type="radio" name="enabled" value="0">
</div>
<div>
    <label for="leftInput">YES</label>
    <input id="leftInput" type="radio" name="enabled" value="1">

    <label for="rightInput">NO</label>
    <input id="rightInput" type="radio" name="enabled" value="0">
</div>

对
不
对
不

---

当标签和ID匹配两次时，不仅是无效标记，而且插件会得到两次文本，这就是为什么您会在滑块中看到两次文本。

将链接的演示减少到绝对最小的代码量，以演示您的问题，jQuery、HTML和CSS的数量似乎远远超过必要的数量。想一想，“将你的链接演示减少到绝对最小的代码量来演示你的问题，jQuery、HTML和CSS看起来比需要的多得多。想想，“这确实解决了问题，但这不是正确的答案。它工作的原因是，只有一个具有相同重复ID的元素具有文本，因此只能获取一次。解决方案是消除重复的ID，而不是删除某些元素中的文本。这确实解决了问题，但这不是正确的答案。它工作的原因是，只有一个具有相同重复ID的元素具有文本，因此只能获取一次。解决方案是消除重复的ID，而不是删除某些元素中的文本。