Question

在下面的代码中，我试图获取按钮href属性值，并使用jquery在警告框中显示它。

当我因为href值点击按钮（即$ value [＆＃39; 3＆＃39;]）时它将重定向到我们的零售商链接，但是当我通过使用href获得没有页面刷新的按钮链接时使用jquery属性只接受任何按钮链接上的第一个链接。实际上我没有页面刷新的特定按钮链接。

 <html><head>
<script src="jquery-1.11.3.js"></script></head>
    <script>
        $(document).ready(function(){
            $('.button').click(function(){
                var href = $('a').attr('href');
                alert(href);
            })
        });
    </script><body>
<?php
    $data=array(
    array("HTC desire 210 black","Flipkart",20000,"http://www.flipkart.com"),
    array("HTC desire 326 white","Snapdeal",22000,"http://www.snapdeal.com"),
    array("HTC desire 516","Amazon",23000,"http://www.amazon.in")
    );

    foreach($data as $value)
    {
    ?>


    <a href="<?php echo $value['3']; ?>"><input type="button" value="Get link's href value" class="button" /></a><br/><br/>
    <?php
    }
    ?></body></html>

Answer 1

尝试：

$('.button').click(function(){
                var href = $(this).parent('a').attr('href');
                alert(href);
            })

Answer 2

所以你想在点击链接时提醒链接的href值？使用preventDefault（）;

$(document).ready(function(){
    $('a').click(function(e){
       alert( $(this).attr('href') );
       e.preventDefault();
       return false;
    })
});

或者，如果您只想点击一个按钮，那么

$(document).ready(function(){
    $('.button').click(function(e){
       alert( $(this).parent('a').attr('href') );
       e.preventDefault();
       return false;
    })
});

Answer 3

试试这个对我来说很好。

＆＃13;

$(document).ready(function(){
  $('.button').click(function(){
        var href = $(this).closest('a').attr('href');
        alert(href);
    });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<a href="http://www.google.com"><button class="button">Google</button></a>
<a href="http://www.yahoo.com"><button class="button">Yahoo</button></a>
<a href="http://www.msn.com"><button class="button">Bing</button></a>

＆＃13;

Answer 4

更改脚本

<script>
            $(document).ready(function(){
                $(document).on('click','.button',function(){
                    var href = $(this).attr('data-link');
                    alert(href);
                })
            });
        </script>

更改html

<input type="button" value="Get link's href value" class="button" data-link="<?php echo $value['3']; ?>"/><br/><br/>

如何在警告框

4 个答案: