Question

我的按钮是在class元素中。我想将“Go”的值更改为“Choose Location”。

<div class="realContent" id="SearchLocation.find" value="Go">Go</div>

我正在尝试

jQuery("#SearchLocation.find").attr('value', 'Choose Location');

Answer 1

使用此功能。

console.log(unescape('data-here'));

Answer 2

如果您只想更改属性

，请使用此选项

 $(".realContent").attr('value','Choose Location')

如果要更改属性和文本

，请使用此选项

$(".realContent").text("test").attr('value','Choose Location')

Answer 3

$(".realContent").attr("data-value","Choose Location")

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="realContent" id="SearchLocation.find" data-value="Go">Go</div>

值不是来自data-value属性的有效attr使用data-*。
使用.作为课程的选择。
使用.attr()设置值

Answer 4

我们假设您的按钮如下所示：

<div class="realContent" id="SearchLocation.find" value="Choose Location">Go</div>

然后创建一个jquery来改变它的值，如下所示：

$('.realContent').attr('value','Another Location');

Answer 5

我猜这个但是这将改变可见的内容，div的内容。 div中的value属性没有意义。

 $('div.realContent').text('Choose Location');

Answer 6

试试这个：

<html>
<head><title>test</title></head>
<body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="result"></div>
<div class="realContent" id="SearchLocation.find" value="Go">Go</div>

<script type="text/javascript">
$(".realContent").click(function() {
var $this = $(this);
var valueToChange = 'Choose Location';
  $this.attr('value',valueToChange);
  $this.html(valueToChange)
})
</script>
<style>
.sample {
  margin: 10px;
  color: #000;
  padding: 5px;
  border: 1px solid #4073ff;
}
</style>
</body>
</html>

如何更改类元素中按钮的文本？

6 个答案: