Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
获取javascript函数中的HTML DOM元素_Javascript_Html - Fatal编程技术网

获取javascript函数中的HTML DOM元素

获取javascript函数中的HTML DOM元素,javascript,html,Javascript,Html,我正在尝试实现类似的东西。如果单击该按钮,将获取上述元素的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 C

我正在尝试实现类似的东西。如果单击该按钮,将获取上述元素的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>

你好,世界
2014-07-19 
添加到日历
再见
2014-07-22 
添加到日历
功能添加日历(标题、日期){
警报(标题+“:”+日期);
}

此代码应该有效

如果要获取该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);
});

像这样获取
HTML
完整的
Hello World
是什么意思unique@Grundy当然,在您的示例中,您有两个id相同的元素:-)一个id对于页面应该是唯一的。如果需要重复选择器,约定是使用类。