Question

点击内部课程后，我有了这个div结构＆＃34; 4u＆＃34;我正在调用一次点击事件，但不知道如何在<p>标记内获取数据。

HTML：

<div class="4u 12u(mobile)">
    <section>
        <a href="#" class="image featured" id="dynamicCamping13"></a>
        <header id="dynamicCampingDesc13">
            <p>Loren ipsum</p>
        </header>
    </section>
</div>

点击活动：

$(function() {
    $(".image").click(function() {
        alert($(this).attr('id'));
    });
});

Answer 1

首先，您无法点击<a>标记，因为它的空白性质。您没有可点击的区域。但是，您可以通过提供一些padding或通过CSS设置width和height来使其可点击。

其次，您需要获取<p>标记内容的方式是：

$(function() {
    $(".image").click(function() {
        $(this).next("header").find("p").text();
    });
});

最后，班级命名。班级4u 12u(mobile)我不确定这是否有效。最好将其更改为4u 12u-mobile。

如何在点击中获取div的子内容？

1 个答案: