0

如何使用 JqLite 或原始 javascript 删除以下文本“搜索：”？

<label>
search:<input type="text">
<label>

更新

我没有很清楚地解释这个问题。所有的 HTML 元素都是由 angular 指令创建的，我可能只能用 JQLITE 或 JS 操作 DOM。而且输入的属性可能会改变，所以我不能用新的输入替换标签的所有子节点

4

3 回答 3

1

请试试这个

<html>

<body onload="remove()">
    <label>
        search:
        <input type="text" id="search">
    </label>
</body>
<script type="text/javascript">
function remove() {
    document.getElementById('search').remove();
}
</script>

</html>
于 2016-02-08T04:29:02.370 回答
0 
label.innerHtml='<input type="text">'

其中 label 是该标签标记周围的查询包装器

于 2016-02-08T03:40:30.797 回答
0

这是您需要做的。鉴于您的 HTML 是这样的：

<label>
search:<input type="text">
<label>

你需要先拿到标签。你这样做

$("label")

考虑到你想操作里面的文本，你会得到 $("label").innerHTML。让我们把它放在一个变量中。

x=$("label").innerHTML;

然后，我们使用替换字符串函数将“search:”的值替换为一个空格。

y=x.replace("search:","");

我们最终将 y 的这个值推回到内部 HTML 中：

$("label").innerHTML=y

您可以将其缩短为更少的步骤，但为了便于理解，我将它们分开。

于 2016-02-08T04:02:50.780 回答