使用Jquery设置标签文本

我想使用Jquery设置标签文本。问题是标签包含文本框。每当我设置标签文本时，标签中的文本框就会被删除。标签代码如下所示-

<label> Search:<input id="search" type="text" ></label>

 <script type="text/javascript">
        $(document).ready(function() {  
            $("#search").parent().append("some Text");                      
        });
</script>

搜索：

我试图用下面给出的JQuery代码设置标签-

<label> Search:<input id="search" type="text" ></label>

 <script type="text/javascript">
        $(document).ready(function() {  
            $("#search").parent().append("some Text");                      
        });
</script>

$（文档）.ready（函数（）{
$（“#搜索”）.parent（）.append（“一些文本”）；
});

试试这个：

<script type="text/javascript">
        $(document).ready(function() {
            //get clone copy of input  
            var $input = $("#search").clone();                      
            //replace text in parent  
            var $parent = $("#search").parent();
            $parent.text("some Text");
            //append input again
            $parent.append($input);
        });
</script>

$（文档）.ready（函数（）{
//获取输入的克隆副本
var$input=$（“#搜索”）.clone（）；
//替换父级中的文本
var$parent=$（“#搜索”）.parent（）；
$parent.text（“某些文本”）；
//再次追加输入
$parent.append（$input）；
});

试试这个：

<script type="text/javascript">
        $(document).ready(function() {
            //get clone copy of input  
            var $input = $("#search").clone();                      
            //replace text in parent  
            var $parent = $("#search").parent();
            $parent.text("some Text");
            //append input again
            $parent.append($input);
        });
</script>

$（文档）.ready（函数（）{
//获取输入的克隆副本
var$input=$（“#搜索”）.clone（）；
//替换父级中的文本
var$parent=$（“#搜索”）.parent（）；
$parent.text（“某些文本”）；
//再次追加输入
$parent.append（$input）；
});

试试这个：

<script type="text/javascript">
        $(document).ready(function() {
            //get clone copy of input  
            var $input = $("#search").clone();                      
            //replace text in parent  
            var $parent = $("#search").parent();
            $parent.text("some Text");
            //append input again
            $parent.append($input);
        });
</script>

$（文档）.ready（函数（）{
//获取输入的克隆副本
var$input=$（“#搜索”）.clone（）；
//替换父级中的文本
var$parent=$（“#搜索”）.parent（）；
$parent.text（“某些文本”）；
//再次追加输入
$parent.append（$input）；
});

试试这个：

<script type="text/javascript">
        $(document).ready(function() {
            //get clone copy of input  
            var $input = $("#search").clone();                      
            //replace text in parent  
            var $parent = $("#search").parent();
            $parent.text("some Text");
            //append input again
            $parent.append($input);
        });
</script>

$（文档）.ready（函数（）{
//获取输入的克隆副本
var$input=$（“#搜索”）.clone（）；
//替换父级中的文本
var$parent=$（“#搜索”）.parent（）；
$parent.text（“某些文本”）；
//再次追加输入
$parent.append（$input）；
});

您可以使用

contents（）

获取元素中的节点，并使用

filter

专门检索文本节点。考虑到这一点，这将对您有效：

$("#search").closest('label').contents().filter(function () {
    return this.nodeType == 3;
}).first()[0].nodeValue = 'Some text:';

或者，如果更改HTML结构，在标签文本周围放置

span

，则可以大大简化代码：

<label> 
    <span>Search:</span>
    <input id="search" type="text" />
</label>

您可以使用

contents（）

获取元素中的节点，并使用

filter

专门检索textNodes。考虑到这一点，这将对您有效：

$("#search").closest('label').contents().filter(function () {
    return this.nodeType == 3;
}).first()[0].nodeValue = 'Some text:';

或者，如果更改HTML结构，在标签文本周围放置

span

，则可以大大简化代码：

<label> 
    <span>Search:</span>
    <input id="search" type="text" />
</label>

您可以使用

contents（）

获取元素中的节点，并使用

filter

专门检索textNodes。考虑到这一点，这将对您有效：

$("#search").closest('label').contents().filter(function () {
    return this.nodeType == 3;
}).first()[0].nodeValue = 'Some text:';

或者，如果更改HTML结构，在标签文本周围放置

span

，则可以大大简化代码：

<label> 
    <span>Search:</span>
    <input id="search" type="text" />
</label>

您可以使用

contents（）

获取元素中的节点，并使用

filter

专门检索textNodes。考虑到这一点，这将对您有效：

$("#search").closest('label').contents().filter(function () {
    return this.nodeType == 3;
}).first()[0].nodeValue = 'Some text:';

或者，如果更改HTML结构，在标签文本周围放置

span

，则可以大大简化代码：

<label> 
    <span>Search:</span>
    <input id="search" type="text" />
</label>

试试这个：

<label id="lab"> Search:<input id="search" type="text"></label>
     <button>change label</button>

 $('button').on('click' ,function(){
   var input = $("#search");
   $("#lab").text("some Text").append(input);
 })

搜索：
更改标签
$（'button'）。在（'click'，function（）上{
var输入=$（“#搜索”）；
$（“#实验室”）.text（“某些文本”）.append（输入）；
})

试试这个：

<label id="lab"> Search:<input id="search" type="text"></label>
     <button>change label</button>

 $('button').on('click' ,function(){
   var input = $("#search");
   $("#lab").text("some Text").append(input);
 })

搜索：
更改标签
$（'button'）。在（'click'，function（）上{
var输入=$（“#搜索”）；
$（“#实验室”）.text（“某些文本”）.append（输入）；
})

试试这个：

<label id="lab"> Search:<input id="search" type="text"></label>
     <button>change label</button>

 $('button').on('click' ,function(){
   var input = $("#search");
   $("#lab").text("some Text").append(input);
 })

搜索：
更改标签
$（'button'）。在（'click'，function（）上{
var输入=$（“#搜索”）；
$（“#实验室”）.text（“某些文本”）.append（输入）；
})

试试这个：

<label id="lab"> Search:<input id="search" type="text"></label>
     <button>change label</button>

 $('button').on('click' ,function(){
   var input = $("#search");
   $("#lab").text("some Text").append(input);
 })

搜索：
更改标签
$（'button'）。在（'click'，function（）上{
var输入=$（“#搜索”）；
$（“#实验室”）.text（“某些文本”）.append（输入）；
})