Question

单击“选择设备”按钮时，我有按钮必须更改该特定div部分的html i的文本，并将文本显示为完整，并将类显示为完整。以下代码如上所示：

<div>
        <div></div>
        <button OnClick='change(this);'>Select Equipment</button>
        <i class="open">Open</i>

</div>

function change(items) {  
 var divClicked = $(items).parent();
 divClicked.find('i.open').attr('class','complete').html('Complete');
}

这段代码实际上工作得比较早，但现在还没有用。有人建议这样做吗？

Answer 1

在页面

中包含JQuery

＆＃13;

function change(items) {  
 var divClicked = $(items).parent();
 divClicked.find('i.open').attr('class','complete').html('Complete');
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<div>
        <div></div>
        <button OnClick='change(this);'>Select Equipment</button>
        <i class="open">Open</i>

</div>

＆＃13;

Answer 2

试试这个：

HTML：

<div>
<div></div>
<button id="btn">Select Equipment</button>
<i class="open">Open</i>
</div>

Jquery的：

$(document).ready(function(){
    $('#btn').click(function(){
        $(this).next('i').html('Close');
    });
});

Working Fiddle

Answer 3

＆＃13;

$(document).ready(function(){
    $('#button').click(function(){
        $(this).next('i').html('Closed');
    });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<div>
<div></div>
<button id="button">Select Equipment</button>
<i class="open">Open</i>
</div>

＆＃13;

首先，您需要添加jquery并编写代码来处理click事件。此处单击按钮时，与之关联的文本将被更改。

如何更改jquery中按钮单击时html标签的文本？

3 个答案:

在页面