Question

我差不多完成了这个，但我被困在高级选择器上了。我试图选择一个单选按钮旁边的标签，但它比那更复杂。

我有一个选择框。只有单选按钮（及其兄弟标签），其中select的值与单选按钮的名称（井部分）匹配。

我有一个JS小提琴设置，我要做的是，选择1月，除了Jan之外的所有内容都应该被隐藏，当我选择二月时，它应该改变。我只是想用名字而不是其他类来做这件事，但如果归结为它，我可以添加它们。

下面是我的工作选择器以获取单选按钮，现在我正在查看如何将+ label放在旁边

$('.radio([name="insights[interview_questions[' + curr_sel + ']]"])').css('display','inline');

提前致谢！

Answer 1

您可能需要查看next() function，它会返回下一个sibling

Answer 2

尝试

var $radios = $('.radio'), $all = $radios.add($radios.nextUntil('.radio'));
$("#interview_month").change(function () {
    var $mon = $radios.filter('.radio[name="insights[interview_questions[' + this.value + ']]"]');
    var $cur = $mon.add($mon.nextUntil('.radio')).show();
    $all.not($cur).hide()
}).change();

演示：Fiddle

Answer 3

试试这个：

$("#interview_month").change(function () {
  $('.radio , label').hide();
  var sel = '.radio[name*="' + $("#interview_month").val() + '"]';
  $(sel).add(sel+'+label').css('display', 'inline');

}）;

选择按类和属性选择的元素的邻居

3 个答案: