我只是不知道如何使這項作業。
我得到了這個 Javascript
$(".email").on("keyup change", function() {
if ($(this).val().match(/@gmail/i)){
$(".groupa").show();
$(".groupb").hide();
我有一個來自計數器的變數 i
我希望它在電子郵件和 div 的文本旁邊，但我正在嘗試并沒有成功
$(".email i ").on("keyup change", function() {
if ($(this).val().match(/@gmail/i)){
$(".groupa i ").show();
$(".groupb i ").hide();
我希望它是電子郵件形式，例如 、、 等。
我能在這里做什么？
我試過了
$(".email" i)
$(".email"{i})
$(".email" i )
我的完整 html 與 css 和 js
我基本添加行，然后我想過濾 gmail 并顯示一些選項。css 只是示例，我想添加更多
CSS：
.groupa0, .groupb0, .groupa1, .groupa1, .groupa2, .groupb2,
.groupa3, .groupb3{
display: none;
html:
<table id="usertable">
<tr>
<td><b>User email: </b></td>
<td><b>User Options:</b></td>
</tr>
<tr>
<td><input class="form-control input-lg email0" type="email"
name="useremail[]" required /></td>
<td>
<select class="form-control options" name="youchoose[]" required>
<option value=""></option>
<optgroup hidden class="groupa0" label="Group A">
<option value="option1">option1</option>
<option value="option2">option2</option>
<option value="option3">option3</option>
</optgroup>
<optgroup hidden class="groupb0" label="Group B">
<option value="option4">option4</option>
<option value="option5">option5</option>
</optgroup>
</select>
</td>
</tr>
</table>
js：
<script>
var i = 1;
$("#addbutton").click(function () {
$("#usertable").append('<tr>'
'<td><input hljs-string">'" type="email"
name="useremail[]" required /></td>'
'<td>'
'<select name="role[]" required>'
'<option value=""></option>'
'<optgroup Class="groupa' i '" label="Internal Roles">'
' <option value="option1">option1</option>'
' <option value="option2">option2</option>'
' <option value="option3">option3</option>'
'</optgroup>'
'<optgroup hidden hljs-string">'" label="Group B">'
'<option value="option4">option4</option>'
'<option value="option5">option5</option>'
'</optgroup>'
'</select>'
'</td>'
'<td><button type="button" title="Remove this
row">X</button></td></tr>').find("input").each(function () {
});
i ;
});;
$(document).on('click', 'button.removebutton', function () {
$(this).closest('tr').remove();
return false;
});
</script>
<script>
$(".email").on("keyup change", function() {
if ($(this).val().match(/@gmail)){
$(".groupa").show();
$(".groupb").hide();
} else {
$(".groupa")).hide();
$(".groupb").show();
}
});
</script>
uj5u.com熱心網友回復：
//using string concatenation
for(let i = 1; i <= 3; i )
{
$('.email' i).on("keyup change", function() {
if ($(this).val().match(/@gmail/i)){
$('.groupa' i).show();
$('.groupb' i).hide();
}
}
//using string interpolation (Template literal)
for(let i = 1; i <= 3; i )
{
$(`.email${i}`).on("keyup change", function() {
if ($(this).val().match(/@gmail/i)){
$(`.groupa${i}`).show();
$(`.groupa${i}`).hide();
}
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/456474.html
標籤：javascript 变量 柜台 一世