javascript：用href替换按钮

Question

所以我有这个html / javascript代码：

<script type="text/javascript" src="includes/jquery/jquery.js"></script>
<button type="button">Click Me</button>
<p></p>
<?php $linkas= $_GET["linkas"]; ?>
<script type="text/javascript">
$(document).ready(function(){
    $("button").click(function(){

        $.ajax({
            type: 'POST',
            url: 'getmovies.php?linkas=<?php echo $linkas; ?>',
            success: function(data) {
                document.write(data);
    document.close();
            }
        });
});
});
</script>

如何用文字替换按钮？我试图用a.click函数替换button.click但它仍然无法正常工作。谢谢。

Answer 1

用<button/>替换你的<a></a>并将click事件绑定到元素。检查这个fiddle

Answer 2

我不完全确定我是否明白你在问什么。但据我所知，你想用button元素切换a元素。

这可以这样做：

$(document).ready(function(){
    $("button").click(function(){
        var href = "http://example.com"
        var content = $(this).text();
        $("button").replaceWith("<a href=\"" + href + "\">" + content + "</a>");
    });
    //... Your Code ...
});

演示：

$(document).ready(function(){
    $("button").click(function(){
        var href = "http://example.com"
    	var content = $(this).text();
    	$("button").replaceWith("<a href=\"" + href + "\">" + content + "</a>");
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<button type="button">Click Me</button>

Answer 3

试试这个

<script type="text/javascript" src="includes/jquery/jquery.js"></script>
<a href="#" id="my-link">Click Me</a>
<p></p>
<?php $linkas= $_GET["linkas"]; ?>
<script type="text/javascript">
$(document).ready(function(){
    $("#my-link").click(function(evt){
        evt.preventDefault();
        $.ajax({
            type: 'POST',
            url: 'getmovies.php?linkas=<?php echo $linkas; ?>',
            success: function(data) {
                document.write(data);
    document.close();
            }
        });
});
});
</script>