交换文本在不同的 div 和类中相等

Question

我在一页上有几盒卡片，这些卡片可以动态地出现在不同的，没有右上角有文字供点击打开手风琴类型的内容，对于每节课我都要做如下动作，我想到的东西不管类的数量。

*新增功能

我不知道怎么解释，我会尝试一个总结： 单击时仅更改一个div的文本，因为当我单击框中的项目时，它会更改所有其他文本 其他盒子。

$('.change-1').click(function () {
var $mudartxt = $('.mudartexto');
if ($mudartxt.text() == 'expandir')
$mudartxt.text('ocultar');
else {
$mudartxt.text('expandir');
}
});

Answer 1

您需要找到当前单击的项目。

为此，您可以使用事件对象

$('.change-1').click(function (e) {
// Get current target as jquery object
var $target = $(e.currentTarget);
// Find mudartexto in current target.
var $mudartxt = $target.find('.mudartexto');
if ($mudartxt.text() == 'expandir')
$mudartxt.text('ocultar');
else {
$mudartxt.text('expandir');
}
});

.change-1 {
display:inline-block;
width:200px;
height:50px;
text-align: center;
background-color:#dfdfdf;
clear: both;
float: left;
margin-top:10px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="change-1">
<div class="mudartexto">expandir</div>
</div>
<div class="change-1">
<div class="mudartexto">expandir</div>
</div>
<div class="change-1">
<div class="mudartexto">expandir</div>
</div>
<div class="change-1">
<div class="mudartexto">expandir</div>
</div>

Answer 2

如果您询问如何在单击的框中更改元素的文本，这应该可以做到。

$('.change-1').click(function () {
var $mudartxt = $(this).find('.mudartexto');
if ($mudartxt.text() == 'expandir')
$mudartxt.text('ocultar');
else {
$mudartxt.text('expandir');
}
});