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

Question

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

<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>

和jquery逻辑

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.
}

但我无法获得 next_div 中的 element(select.task)。当我使用 alert 语句查看 html 时，它什么都不返回。

Answer 1

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

你得到 nothing 因为 select.task 元素是 empty 因为它没有子元素。

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

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

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

unable to find the select element using jquery present inside a div?

html

jquery

dom

parent

next