javascript - 在 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);
});