2012-10-30 89 views
2

我想知道如何從單擊按鈕上的單詞中刪除元音?使用jQuery進行字符串處理

這裏是我想要做的事 - http://www.marcia.bnmla.com/~marcia/project0.html

我需要使用jQuery除去在第二個框中元音,使其顯示只有輔音當你點擊按鈕。當按鈕被點擊時,我將它顯示爲「MRC」,並且我需要使用字符串操作來重做它,以便我可以將該單詞更改爲我的代碼中的任何內容,並且它將刪除該單詞中的元音。我顯然是新的。請幫幫我!

這裏是我的代碼:

<div id="marcia_box"> 
     <p id="marciatext">marcia</p> 
     <div id="marcia_boxBtn"><button id="marciaBtn">Marcia</button></div> 
</div> 

$("#marciaBtn").click(function() { 
    $("#marcia_box").css("background-color","#999"); 
    $("#marciatext").html('mrc'); 
}); 

回答

2

jQuery允許您將一個函數傳遞給.html,它應該返回一個新的HTML字符串。 jQuery將通過舊的HTML,所以你可以做這樣的事情:

$("#marciatext").html(function(i, current) { 
    return current.replace(/[aeiou]/g, ""); 
}); 
4

你真的需要jQuery的?那簡單的舊JavaScript呢?

"abcdef".replace(/[aeiou]/gi, "") // => "bcdf" 

那是怎麼回事?

0

如通過賈勒特邁耶,去掉元音無關與jQuery的一部分。但只是爲了告訴你如何把它一起使用jQuery(因爲你說你是真的新的),這裏是一個示例:

$("#marciatext").text($("#marciatext").text().replace(/[aeiou]/gi, "")); 
1

demo

這人會幫助你現在在未來的其它變換 專爲數組鍵

var c=0, text=['marcia', 'mrc']; 

$("#marciaBtn").click(function() { 
    $("#marciatext").html(text[ ++c%2 ]); 
}); 

反覆之間的兩個