jquery - Jquery .children() -- 父类有唯一类，子类有非唯一类，选择子类

Question

我有一个由 CRM 生成的表格。

  <fieldset><legend>Publish Name in Newspaper
  </legend>
<div class="crm-section custom_67-section"><div class="label"><label>  Check here if we may release your name and contribution levels 
 <span class="crm-marker" title="This field is required.">*</span>
</label></div>
<div class="content">
<input value="1" type="radio" id="CIVICRM_QFID_1_20" name="custom_67" class="form-radio" />
<label for="CIVICRM_QFID_1_20">Yes</label>&nbsp;
<input value="0" type="radio" id="CIVICRM_QFID_0_22" name="custom_67" class="form-radio" />
<label for="CIVICRM_QFID_0_22">No</label></div>
<div class="clear"></div></div></fieldset>

div class='label'由于“标签”类在表单的其他地方重复使用，我只需选择div class="crm-section custom_67-section".

这就是我所拥有的

jQuery(document).ready(function(){
    jQuery(.'crm-section custom_67-section').children(.'label').attr("style","width:500px;");
});

Answer 1

首先，点进入 '...' ：$('.yourClass')

其次，当一个元素有 2 个类时，每个类都需要一个点并且没有空格：.crm-section.custom_67-section

第三，点是在 html 节点上选择类的方式。前任 ：

<div class='hello'> --> $('.hello')

标签不是类，所以获取它们你需要写children('label')

最后，attr('style', 'width : 400px')写 `css('width' , '400px')

最终代码：

jQuery(document).ready(function(){
    jQuery('.crm-section.custom_67-section').children('label').css('width',"500px;");
});

Answer 2

同一元素的多个类选择器使用多个点。

jQuery('.crm-section.custom_67-section')

.'也是无效的语法..应该'.改为。

最后，您应该使用.css设置样式而不是更新样式属性。

Answer 3

这应该工作：

jQuery(document).ready(function(){jQuery('.crm-section custom_67-section .label').attr("style","width:500px;");});