获取javascript函数中的HTML DOM元素
我正在尝试实现类似的东西。如果单击该按钮,将获取上述元素的HTML并将其插入警报中:获取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
<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对于页面应该是唯一的。如果需要重复选择器,约定是使用类。