显示/隐藏外部.js文件的一部分

Show/hide part of external .js file

本文关键字：文件 一部分 js 外部 隐藏 显示      更新时间：2023-09-26
如何使用

"切换"按钮显示/隐藏以下外部.js文件的答案？如果我可以访问代码，我可以将答案包装在div 中，但由于这是一个外部.js文件，这可能吗？

这是小提琴和代码：

http://jsfiddle.net/Wx5mM/

 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <script type="text/javascript">
      $(document).ready(function() {
        $(".pds-pd-link").hide();
        $(".a2a_dd.pds-share").hide();
        $(".pds-box").width(220);
      });
    </script>
    <script type="text/javascript" charset="utf-8" src="http://static.polldaddy.com/p/5968383.js"></script>
    <noscript><a href="http://polldaddy.com/poll/5968383/">This is a test question ?</a></noscript>

外部JavaScript只是将元素添加到DOM中，因此可以使用jQuery操作它们，如下所示：

$(document).ready(function() {
    $('.pds-question').append('<input type="button" class="showanswer" value="show answer"/>');
    $('.pds-answer').hide();
    $('.showanswer').click(function() {
        $(this).parent().next().show();
    });
});​

这里的工作示例

使用.append()添加button ，然后隐藏答案。然后.click()函数显示答案

相关文章：