使用jQuery将Div附加到嵌套元素

Question

我想将div添加到.ui-block-a和.ui-block-b

<div id="productionCosts" class="ui-bar ui-bar-a ui-corner-all">
   <div id="5a7d47e2-a0b3-11e4-8c36-776ec28246d8">
      <div class="ui-grid-a">
        <div class="ui-block-a" style="width:30%"></div>
        <div class="ui-block-b" style="width:70%"></div>
     </div>
  </div>

我试过了

  $("#5a7d47e2-a0b3-11e4-8c36-776ec28246d8").closest('.ui-grid-a').find('.ui-block-a:first').append('<div></div');

和

 $("#5a7d47e2-a0b3-11e4-8c36-776ec28246d8").closest('.ui-grid-a').find('.ui-block-b:first').append('<div></div');

但这不起作用吗？

Answer 1

.ui-grid-a是#5a7d47e2-a0b3-11e4-8c36-776ec28246d8的后代，因此使用closest()无法查找父母，您需要find()

$("#5a7d47e2-a0b3-11e4-8c36-776ec28246d8").find('.ui-grid-a .ui-block-b:first').append('<div></div');

Answer 2

     $('#5a7d47e2-a0b3-11e4-8c36-776ec28246d8').find('.ui-block-a').append('hi');

只需使用.find();即可获得。

Answer 3

$("#5a7d47e2-a0b3-11e4-8c36-776ec28246d8 > .ui-grid-a > div").append('<div></div>');