2

我对 jQuery 很陌生，所以如果这听起来很愚蠢，请不要跳我。我想知道是否有一种方法可以选择其中的“#ammountbest2”、“input”和“textarea”，这样我就可以使用一个选择器一次隐藏和清除其中的值，所以我不会必须拼出每一个。像兄弟姐妹或父母之类的东西。有了它，我可以在最后附上：“.val('').css('display', none')”

$('#ammountbest').change(function () {
var ammountbest = ""

$('#ammountbest option:selected').each(function () {
    ammountbest += $(this).text() + "";});


if(ammountbest == "0") {$('#ammountbest1,#ammountbest2').css('display', 'none');}   
if(ammountbest == "1") {
    $('#ammountbest1').css('display', 'block');
    $('#ammountbest2 input,#ammountbest2 textarea').val('');
    $('#ammountbest2').css('display', 'none');
    }
if(ammountbest == "2") {
    $('#ammountbest1,#ammountbest2').css('display', 'block');
    }
})
.trigger('change');



<select id="ammountbest">
    <option>0</option>
    <option>1</option>
    <option>2</option>
</select>

<!-- 1 Winners -->
<div id="ammountbest1" style="display:none;">
<label for="besttitle1" title="Title">Title 01:</label><br>
<input name="besttitle1" id="besttitle1" size="30" type="input">
<label for="bestschool1" title="School">School 01:</label><br>
<input name="bestschool1" id="bestschool1" size="30" type="input">
<label for="bestvideo1" title="Video">Video Embed Code 01:</label><br>
<textarea name="bestvideo1" id="bestvideo1" cols="30" rows="5"></textarea>
</div>

<!-- 2 Winners -->
<div id="ammountbest2" style="display:none;">
<label for="besttitle2" title="Title">Title 02:</label><br>
<input name="besttitle2" id="besttitle2" size="30" type="input">
<label for="bestschool2" title="School">School 02:</label><br>
<input name="bestschool2" id="bestschool2" size="30" type="input">
<label for="bestvideo2" title="Video">Video Embed Code 02:</label><br>
<textarea name="bestvideo2" id="bestvideo2" cols="30" rows="5"></textarea>
</div>
4

4 回答 4

5

最简单的方法是简单地在一个 jQuery 对象中指定两个对象：

$('#ammountbest2 input, #ammountbest2 textarea')

当然，您可以改用：

$('#ammountbest2').children()

针对 OP 的评论进行了编辑：

我不想要第一个选项的原因是代码变得很大，因为我有 7 个像这样填充输入和 txtarea 的 div，所有这些都必须立即隐藏和清除。

要根据上面发布的 HTML 选择多个元素，假设格式保持可预测且一致，我建议：

$('div[id^=ammountbest]').children('input, textarea').val('').andSelf().hide()

（编辑为根据 OP 的原始问题故意拼错单词ammount（原文如此）。）

参考：

于 2012-08-10T21:42:13.423 回答
2

使用类。

<div id="ammountbest1" class="amountbest" style="display:none;">
<div id="ammountbest2" class="amountbest" style="display:none;">

并像这样使用jquery选择器

$('.amountbest');

祝你好运 ！

于 2012-08-10T21:47:20.450 回答
0

是的，您可以通过逗号分隔它们来指定多个选择器。试试这个：

$("#ammountbest1,#ammountbest1 input,#ammountbest1 textarea")
于 2012-08-10T21:42:27.793 回答
0

您可以使用 . 分隔选择器,。这将分别运行每个选择器并在 jQuery 对象中收集所有结果。我可以看到你已经这样做了，但是你有一个可能导致问题的尾随逗号：

$('#ammountbest2 input,#ammountbest2 textarea,').val('');
                                             ^ there

您还错过了一个单引号，以及另一个尾随逗号。

$('#ammountbest2,).css('display', 'none');
                ^ here
于 2012-08-10T21:44:29.520 回答