使用javascript替换span的重复内容

时间:2015-01-19 12:37:17

标签: javascript jquery html jquery-ui jquery-plugins

我的html页面中有按钮,此页面上包含大量jquery库我遇到的问题就像我在实时服务器上打开页面然后更改html文本并制作重复文本一样,我在html上:

<input type="submit" value="Get Quote" name="submit">

活着之后它转换成:

<span>Get Quote <input type="submit" value="Get Quote" name="submit"></span>

跨度自动即使不在代码中。

<select id='list' name='list'>
    <option value='0'>Select Numbers</option>
    <option value='my number'>my Number</option>
</select>

它像这样上线:

<span>Select Numbers
<select id='list' name='list'>
<option value='0'>Select Numbers</option>
<option value='my number'>my Number</option>
</select>
</span>

我该如何解决?

2 个答案:

答案 0 :(得分:0)

您可以使用JS删除文本。

&#13;
&#13;
var inputs = document.getElementsByTagName("input");
var z = new Array();
for(var x = 0; x < inputs.length; ++x){
    if(inputs[x].parentNode.textContent.trim() == inputs[x].value.trim()){
        var input = inputs[x];
        input.parentNode.parentNode.replaceChild(input, input.parentNode);
    }
}
&#13;
<span>Text <input type="button" value="Text" /></span><br />
<span>Some Field Name <input type="button" value="Some Field Name" /></span>
&#13;
&#13;
&#13;

然而,弄清楚为什么跨度出现在第一位,并删除代码的那部分将是一个更好,更清洁的想法。

答案 1 :(得分:0)

我通过从我的页面中删除库来修复它;

http://www.hccmis.com/wp-content/themes/hccmis-2/js/waypoints.min.js

它为我工作。