2

我想知道如何在单击按钮时从单词中删除元音？

这是我想要做的 - 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');
});
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

演示

这将在现在和将来帮助您进行其他转换，特别是
在两个数组键之间切换

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