无法使用div中存在的jquery找到select元素?

时间:2016-08-19 11:11:11

标签: jquery html dom parent next

我有以下html标记。在dropdown select element (project_dp)更改后,我正在抓取父div。获取parent div后,我正在获取此next div的{​​{1}}。之后,当我尝试使用parent div方法来获取此div中的find时,我什么都没得到。

select element(task)

和jquery逻辑

<div class="div_cell">
    <select class="form-control project_dp" id="log_time_project_id" name="log_time[project_id]" onchange="populate_tasks($(this))">
      <option value=""></option>
      <option disabled="true" selected="selected">Please Select</option>
      <option value="18">akjsda</option>
      <option value="19">approval process and approvers save test</option>
      <option value="39">billable test</option></select>
</div>
<div class="div_cell">
    <select class="form-control task" id="log_time_task_id" name="log_time[task_id]"></select>
</div>

但我无法在function populate_tasks(project_dp) { div_node = project_dp.parent(); next_div = project_dp.parent().next( "div" ).find("select.task"); alert(next_div.html()); // giving nothing. } 中找到element(select.task)。当我使用next_div语句查看alert时,它就不会返回任何内容。

1 个答案:

答案 0 :(得分:1)

预期结果。.html()获取匹配元素的内容。

由于select.task元素为空,因此它没有 ,因为它没有子元素。

根据评论,如果你想填充它。使用以下

next_div.append($('<option />', {text: 'SomeText', value:'SomeValue'}))