在jQuery中定位ID和类

时间:2014-03-16 21:13:57

标签: javascript jquery css

我觉得这很简单,但我还在学习。我需要修改此jQuery代码段以影响 .playing1 但尚未找到正确的方法。我需要同时定位ID和类。我试图用我的ID和类替换#fitin,但是代码在原始格式之外继续失败。

的jQuery

$(function() {
    $('#fitin div').css('font-size', '1em');

    while( $('#fitin div').height() > $('#fitin').height() ) {
        $('#fitin div').css('font-size', (parseInt($('#fitin div').css('font-size')) - 1) + "px" );
    }

});

简化HTML

<body>
  <script src="fitin.js"></script>

  <div id="block-views-nowplayingtest-block">
      <div class="playing1">
          <!--My Text -->
      </div>
  </div>

</body>

CSS

#block-views-nowplayingtest-block div.playing1
{
    float:left;
    overflow:hidden;
    height:1.5em;
    width:100%;
    height:70px;
    text-align:center;
    font-weight:bolder;
    font-size:1em;
}

注意:我没有编写原始的JQuery,遗憾的是我此时找不到源代码。

编辑:错字

1 个答案:

答案 0 :(得分:1)

如果您只需要影响班级.playing1,请使用:

  1. .playing1(该类中的所有元素)
  2. div.playing1 for(该类中的所有div)。
  3. 如果您想要特定的子元素,而不想要其他元素,请使用:

    1. #block-views-nowplayingtest-block .playing1(该类中属于该ID的子元素的所有元素)
    2. #block-views-nowplayingtest-block div.playing1(该类中所有div都是该id的子级)
    3. 始终牢记在定位课程时您的具体表现,以及您定义的课程将用于各种元素类型或仅用于一种类型。