通过href获得价值的最佳方法

Question

This is my link

<a href="#popup-1"> Click Me </a> 

and it has a corresponding div that will pop up and it's code looks like this.

 <div id="popup-1"> I'm the pop up</div>

Is there a method in which I could pass up a php value from the href to the div?

I already tried this one. <a href="#popup-1?a=$new"> Click Me </a>

Is there any other way to get the value?

Answer 1

try like this:

<?php 
$new ="i am here";
?>
<a href="#popup-1" data-input="<?php echo $new ?>"> Click Me </a> 

 <div id="popup-1"> I'm the pop up</div>
<Script>

$('a').click(function () {
    console.log($('a').data("input"));
    $("#popup-1").html($('a').data("input"));
});

</Script>

Answer 2

<div id="clickMe" data-value = "<?php echo $new?>"> Click Me </div> 
div id="popup-1"></div>

//jQuery
$(document).on('click', '#clickMe', function(){
var text = $('#clickMe').attr('data-value');
$('#popup-1').text(text);
});

Answer 3

<a href="#popup-1" class="clickMe"> Click Me </a>
<div id="php_value"> <?php echo $php_value; ?> <div>
<div id="popup-1"> I'm the pop up</div>


    $(".clickMe").click(function(){    
    var text = $("#php_value").html();
     $("#popup-1").html(text);
    })

Answer 4

\n

<a href ="#popup-1?a="<?php echo $new ?>">Click Me </a>