一次jQuery多个操作
一次jQuery多个操作
提问于 2017-02-24 17:16:36
我正在尝试使用jQuery，但由于我从未使用过javascript，因此遇到了一些麻烦。
基本上，我想要做什么。
我有一小段代码：
<div>
<a href="#"> Text 1 </a>
</div>
<div class="col-sm-5">
<span class="text show" style="display: none">sometext</span>
<img src="someimage.png">
</div>我想将其更改为以下内容：
<div>
<a href="#"> Text 1 CHANGED</a>
</div>
<div class="col-sm-5">
<span class="text show">sometext</span>
<img src="someimage.png" style="display: none>
</div>单击带有"text 1“的链接后。
更改列表:以文本和其他方式更改链接文本切换图像
每次我点击这个链接，它都会切换到另一个变体，后退和前进。
我已经尝试了一些我发现的解决方案，主要是javascripts，但由于我从未使用过它们，所以我无法使其工作。
http://jsfiddle.net/j999y/2362/
回答 1
Stack Overflow用户
发布于 2017-02-24 17:33:04
做你想做的事情有很多方法，但最直接的方法可能是这样的：
$('.text').click(function() {
$('.text.show').toggle();
$('.image').toggle();
$(this).text('Text 1 CHANGED');
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
<a href="#" class="text">Text 1</a>
</div>
<div class="col-sm-5">
<span class="text show" style="display: none">sometext</span>
<img class="image" src="https://lh3.googleusercontent.com/L8b2jHW8ttKu2spXcN6yUjocE_yIBG3E-bBot66cUOj_KsVCm6WcW5A-mxkKM4al6FI=w300-rw">
</div>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/42434813
复制相关文章
相似问题
腾讯云开发者
