Jquery标签选择

Question

可能很简单，但我似乎错过了某个地方的伎俩。这是我的问题 -

<div id=main-content> 
  <select id="syllabus"></select>
  <select id="subjects"></select>
<div>

如何使用jquery选择div标签内的标签？

做类似的事情 -

   $("#main-content").[something].("#syllabus").append("<option>Maths</option>")

谢谢！

Answer 1

DEMO

$('#syllabus').append("<option>Maths</option>");

您已经指向了一个ID元素，因此绝对没有理由使用其他选择器而不是它自己的ID ID。 ('#syllabus')。

您还可以使用.appendTo()方法：

$("<option>Maths</option>").appendTo('#syllabus');

Answer 2

使用

<div id="main-content"> 

而不是

<div id=main-content> 

你可以使用

 $("#main-content").children("#syllabus").append("<option>Maths</option>")

更新

我在这里使用了一个常见的Senarion，但你也可以使用

$('#select_id').append('<option>val</option>');

Answer 3

教学大纲已经是一个id（页面中唯一）。然后你可以直接选择

$("#syllabus")

如果你仍然坚持下去，你可以像这样选择

$("#main-content > #syllabus")

Answer 4

你可以使用

$("div#main-content select")

Answer 5

$('#main-content select').each(function() {
  $(this).append('<option>Maths</option>');
});

这样你就可以为两个选择添加选项标签。如果您需要不同的操作，只需按标识$('#syllabus')

进行选择即可

Answer 6

实际上是：

$('#main-content #syllabus').append(...);