如何使用jQuery選擇沒有任何類或ID的父元素？

Question

我有以下代碼：

<div>
<label for="fsc_name1">Name:<span class="required"> *</span></label>
</div>

<div>
<input style="text-align:left; margin:0;" type="text" id="fsc_name1" name="fsc_name" value=""  size="60">
</div>

這是聯系表格的一部分，如果選擇了特定元素，我需要能夠隱藏其中的某些元素。 因此，可以說我想隱藏上面的兩個div。 沒有ID或課程，我什么也不能給。 我所擁有的是唯一值“ for =” fsc_name1“”（ <label> ）和“ id =” fsc_name1“”（ <input> ）

Answer 1

簡單！ 只需使用jQuery parent() 。 參見文檔： http : //api.jquery.com/parent/

$('#fsc_name1').parent().hide()
$('label[for="fsc_name1"]').parent().hide()

您還可以組合選擇器以節省空間。 參見文檔： http : //api.jquery.com/multiple-selector/

$('#fsc_name1, label[for="fsc_name1"]').parent().hide()

Answer 2

您可以混合使用屬性選擇器 ， ID選擇器和.parent（）來解決此問題

$('label[for="fsc_name1"]').parent().hide()
$('#fsc_name1').parent().hide()

Answer 3

首先， id="fsc_name1" 是一個類選擇器，您可以通過

$('#fsc_name1').parent().hide();

但是，我認為對於您的情況，您想要這樣的東西...

// This can be an array of elements
var selector = 'fsc_name1';
$('label[for=' + selector + ']').parent().hide();
$('#' + selector).parent().hide();

Answer 4

沒有jQuery版本：

document.querySelector('[for=fsc_name1]').parentNode.style.display = 'none';
document.querySelector('#fsc_name1').parentNode.style.display = 'none';

Answer 5

請看一下http://jsfiddle.net/2dJAN/31/

$('#fsc_name1').closest('div').css('border','1px solid red')
$('#fsc_name1').closest('div').prev('div').css('border','1px solid green')

注意：確實，我無法理解您的問題。 因此，在示例中，我將邊框添加到div的邊框中。 如果要隱藏，請關閉.css ，然后添加.hide()來隱藏div。

如果您有任何疑問，請告訴我。

Answer 6

使用.parent()方法。

$('#fsc_name1').parent().hide();
$('label[for="fsc_name1"]').parent().hide();