javascript – 如何获取点击控件的所有html内容？
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 如何获取点击控件的所有html内容？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1315字，纯文字阅读大概需要2分钟。
内容图文
我知道如何获取点击控件的内容,但现在情况有点复杂,特别是我有一个像这样的容器：
<div id='wizard-frame-1'>
<div class="available_services">
<div class="available_service-row" data-id="1">
<strong>Taglio capelli</strong>
<br>Durata: 20 - Prezzo: 50.00 €<br>
</div><hr>
<div class="available_service-row" data-id="2">
<strong>Colore capelli</strong>
<br>Durata: 50 - Prezzo: 30.00 €<br>
</div><hr>
<div class="available_service-row" data-id="3">
<strong>Trattamenti viso</strong>
<br>Durata: 30 - Prezzo: 15.00 €<br>
</div><hr>
</div>
</div>
这是JScrollPane的结果
现在我要做的是将选定的行available_service-row传递给另一个JScrollPane：
<div id='wizard-frame-1'>
<div class="services_added"></div>
</div>
我试过的是这个：
$(document).on('click', '#wizard-frame-1 .available_service-row', function()
{
console.log($(this).html());
});
但返回的结果是：
<strong>Colore capelli</strong><br>Durata: 50 - Prezzo: 30.00 €<br>
你怎么看到只有被点击的div行的内容,我需要得到父容器,所以div,在这种情况下,我正在等待这个结果：
<div class="available_service-row" data-id="1">
<strong>Taglio capelli</strong>
<br>Durata: 20 - Prezzo: 50.00 €<br>
</div>
我不知道这是否是一种正确的方法.例如,当我使用select时我可以复制像.clone()方法这样的选项,但现在情况有所不同.建议？
解决方法:
要获取元素outerHTML：
this.outerHTML
在jq中(使用jQuery时代码一致性)：
$(this).prop('outerHTML');
内容总结
以上是互联网集市为您收集整理的javascript – 如何获取点击控件的所有html内容？全部内容，希望文章能够帮你解决javascript – 如何获取点击控件的所有html内容？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。