在JavaScript函数中获取HTML DOM元素

Question

我正在尝试实现这样的事情。 如果单击该按钮，将获取上述元素的HTML并将其插入到警报中：

<div id="0001">

    <h5 class="title">Hello World </h5>
    <h4 class="date">2014-07-19 </h4>

    <button onclick="addCalendar('#0001. #title','#0001. #date')"> Add to Calendar </button>
</div>    

<div id="0002">

    <h5 class="title">Bye Bye</h5>
    <h4 class="date">2014-07-22 </h4>

    <button onclick="addCalendar('#0002. #title','#0002. #date')"> Add to Calendar </button>
</div>

<script>
function addCalendar(title,date){
    alert(title + ": " + date);   
}
</script>

Answer 1

此代码应该工作..

如果您想获得该HTML的价值，请执行以下操作：

$("button").click(function(){
    var value = $(this).siblings("#title").text();
    value += $(this).siblings("#date").text();
    alert(value);
});

如果您也想获取HTML标签：

$("button").click(function(){
    var value = $(this).siblings("#title").html();
    value += $(this).siblings("#date").html();
    alert(value);
});