2

ボタンクリックで単語から母音を削除するにはどうすればよいですか？

これが私がやろうとしていることです-http ://www.marcia.bnmla.com/~marcia/project0.html

jQueryを使用して、2番目のボックスの母音を削除し、ボタンをクリックしたときに子音のみが表示されるようにする必要があります。ボタンがクリックされたときに「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');
});
4

4 に答える 4

4

本当にjQueryが必要ですか？昔ながらのJavaScriptはどうですか？

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

どのようだ？

于 2012-10-30T18:12:17.487 に答える
2

jQueryを使用すると、関数をに渡すことができます。これにより.html、新しいHTML文字列が返されます。jQueryは古いHTMLを渡すので、次のようなことができます。

$("#marciatext").html(function(i, current) {
  return current.replace(/[aeiou]/g, "");
});
于 2012-10-30T18:13:02.117 に答える
1

デモ

これは、特に2つの配列キーを切り替えるための他の変換について、現在および将来的に役立ちます。

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

$("#marciaBtn").click(function() {
    $("#marciatext").html( text[ ++c%2 ] );
});
于 2012-10-30T18:18:40.010 に答える
0

Jarrett Meyerが示したように、母音を削除してもjQueryの部分には何の影響もありません。しかし、jQueryと組み合わせる方法を示すために（あなたは本当に新しいと言ったので）、ここにサンプルがあります：

$("#marciatext").text($("#marciatext").text().replace(/[aeiou]/gi, ""));
于 2012-10-30T18:14:45.343 に答える