jquery - div jQuery内の最初のdivのIDを選択する方法

Question

私はこれを持っています<div>

<div id="category_choice"></div>

カテゴリ項目<div>をクリックすると、

<div id="sports" class="category_item" onclick="addCategory('Sports/Health')">
    <div id="sports_thumb" class="category_thumb"></div>
    <p>Sports/Health</p>
</div>

その中に。ここで、送信ボタンをクリックすると、「category_choice」内の「category_item」の ID を ajax に渡す必要があります。

私は次のコードでこれをやろうとしました:

$(document).on('click','#nsubmit', function () {
    var category = $('#category_choice:first-child').attr('id');

Ajax... bla-bla-bla data: category: category... 言及していない他のデータと一緒に、正常に送信されるためです。しかし、「カテゴリ」は空のま​​まです。どこが間違っているのか教えてください。

Answer 1

スペースかも？？

 $("#category_choice :first-child").attr('id') 

また

@Davidがコメントで言及したように

$('#category_choice > :first')