如何更改动态按钮文本

Question

创建了3个动态DIV(sea_p，sea_p_div，div_btns)，在第三个(div_btns)中创建了2个按钮，如何在添加到正文之前更改这些动态按钮中的文本？

let div = $(`<div class="Search_div"></div>`)
let p = $(`
          <div class="sea_p">
             <div class="sea_p_div">
                <div class="p_img">
                    <img src="" alt="" width="80" />
                    <div class="div_span">
                        <span class="p_name"></span>
                        <span class="p_surname"></span>
                    </div>
                </div>
                <div class="div_btns">
                    <button class="req_btn req_check1" data-id="">Text1</button>
                    <button class="req_btn req_check2" data-id="">Text2</button>
                </div>
             </div>
          </div>`)
div.append(p)
//change text here
$('body').append(div)

Answer 1

您可以在要更改文本的按钮的jQuery对象上使用jQuery的text（）方法。

注意:在将p标记添加到正文之后使用它。

null

var buttonWrap = $('.sea_p .div_btns button');
buttonWrap.eq(0).text("Text for button 1");
buttonWrap.eq(1).text("Text for button 2");

Answer 2

请试试这个。

 window.onload = function() {
   $(".req_check1").html('New Text');
   $(".req_check2").html('New Text 2');
 }

谢谢。

Answer 3

null

js prettyprint-override">    let div = $(`<div class="Search_div"></div>`)
    let p = $(`
          <div class="sea_p">
             <div class="sea_p_div">
                <div class="p_img">
                    <img src="" alt="" width="80" />
                    <div class="div_span">
                        <span class="p_name"></span>
                        <span class="p_surname"></span>
                    </div>
                </div>
                <div class="div_btns">
                    <button class="req_btn req_check1" data-id="">Text1</button>
                    <button class="req_btn req_check2" data-id="">Text2</button>
                </div>
             </div>
          </div>`)

    div.append(p)
    //change text here
    p.find(".req_check1").html('New Text');
    p.find(".req_check2").html('New Text 2');

    $('body').append(div)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>