Question

这是div标签

<div>
    <label>some text 1</label>
    <label>another text 1</label>
</div>
<button>button</button>

每当我点击按钮时，我都会添加div标签。当添加下一个div标签时，它应该更改标签文本中的数字。

例如：在第一个div中，它应该是1，在下一个div中应该是2。

我正在使用

获取标签文字

var labelValue = $('div').find('label').map(function() {
   return $(this).text().replace(/\d/,2);
}).get();

我想要的是将标签文本中的数字更改为2。

我正在获取值，但标签值未在html中更改。

如何获取更新的标签值？

对不起，如果有任何错误

Answer 1

你可以试试这个：

$('button').on('click', function(e) {
    $('div:eq(0)').clone().insertAfter('div:last').find('label').filter(function(e) {
        $(this).text($(this).text().replace(/\d/, $("div").length));
    });
})

Fiddle Link

Answer 2

这样的事情：

$('div').find('label').each(function(){
 $(this).text($(this).text().replace(/\d/,2));
});

Answer 3

为按钮创建id并触发click事件来实现它。 试试这个..

 <div>
    <label>some text 1</label>
    <label>another text 1</label>
    </div>
    <button id="btn">button</button>
   <script> 
    $('#btn').click(function(){
      $('div').find('label').each(function(){
     $(this).text($(this).text().replace(/\d/,2));
    }); }); </script>

这里是小提琴.. http://jsfiddle.net/Sarathv15/0jbq7em3/

Answer 4

希望这会有所帮助，

var count = 0;

$("#btn").click(function() {
    count++;
    $("#lbl").html(count);
}

</script>
<div><label id="lbl">1</label></div>

<button id="btn" type="button">Button</button>

Answer 5

由于您要在此处替换HTML，请使用

$(this).html("new value");

Answer 6

也许你想要DEMO

<div id="show_divz">
    <div id="div_1">
        <label>some text 1</label>
        <label>another text 1</label>
    </div>
</div>
<button>button</button>

在js

$(document).on('click','button',function(){
    var getId = $(this).prev().find('div').last().attr('id');
    getId = getId.split('_');
    $("#show_divz").append('<div id="div_'+(parseInt(getId[1])+1)+'"><label>some text '+(parseInt(getId[1])+1)+'</label><label>another text '+(parseInt(getId[1])+1)+'</label> </div>');

});

如何使用jquery更改标签文本

6 个答案: