Question

我想将onclick事件附加到“month_head”类并获取内部div的值。有人请

<td>
    <div class="month_head">
        <div >13</div>
    </div>
    <div class="month_body" ></div>
</td>
<td>
    <div class="month_head">
        <div >14</div>
    </div>
    <div class="month_body" ></div>
</td>
<td>
    <div class="month_head">
        <div >15</div>
    </div>
    <div class="month_body" ></div>
</td>

Answer 1

使用.click()绑定onclick，然后找到传递this的子div作为上下文，并获取.text()。

$(".month_head").click(function () {
    var val = $("> div", this).text();
    // do something with val
});

如果month_head div中的唯一内容是子div，则可以跳过查找子div并只调用.text()。

var val = $(this).text();

Answer 2

$('.month_head').click(function() {
   alert( $(this).children('div').html() );
});

使用.children('div')或.find('div')获取嵌套div。

.children()仅查看直接后代元素
.find()查看所有后代元素

在处理程序中，this表示单击的元素，$(this)将该元素放在jQuery对象中，这样您就可以访问这些方法。

在jQuery 1.7或更高版本中，您可以这样做：

$('.month_head').on('click',function() {
   alert( $(this).children('div').html() );
});

Answer 3

$('.month_head').click(function() {
    var your_divs_html = $('div', this).html();
    alert(your_divs_html); // will alert 13/14/15
});

将Click事件附加到div以获取内部div值

3 个答案: