jQuery同時執行多個動作

我試圖讓jQuery有一些意義，但因爲我從來沒有使用過javascript，所以我遇到了一些麻煩。jQuery同時執行多個動作

基本上我在做什麼。

我有這段代碼：

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

點擊鏈接爲「文本1」之後。

變動情況一覽：更改鏈接文本的文本和我點擊它應該切換到其他變化，後退和前進鏈接的其他方式

每次開關圖像。

我已經嘗試了一些我發現的解決方案，主要是javascripts，但由於我從來沒有與他們合作過，所以我無法使其工作。

http://jsfiddle.net/j999y/2362/

來源

2017-02-24 Tahak

你的意思'jQuery'或是否真的有所謂的jquarry – RiggsFolly

我認爲他只是一個海盜 – Logar

有做你想做的事情的方法很多，但最直接的可能是這樣的：

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

來源

2017-02-24 09:33:04

這一個有點作品，我需要完全工作的事情是「文本1」將更改爲「文本1陳ge「，然後再回到」text 1「 – Tahak

然後你應該自己寫這個功能。我相信我已經提供了足夠的代碼示例供您自己完成。 –

「show」是bootstrap類，所以它不起作用，需要其他詞:) - 對於其他用戶 – Tahak

jQuery同時執行多個動作

回答

相關問題