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 () {
    var $mudartxt = $(this).find('.mudartexto');
    if ($mudartxt.text() == 'expandir')
        $mudartxt.text('ocultar');
    else {
        $mudartxt.text('expandir');
    }
});

Answer 2

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

为此您可以使用事件对象

＆＃13;

$('.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');
    }
});

＆＃13;

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

＆＃13;

<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>

＆＃13;

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

2 个答案: