Display div content in Sweet Alert

[helloworld2021]

hi everyone,

i want to display content of div into sweet alert message and here is my code

<?php 

echo '<script>
var swal2container = $("#swal2container").text();

setTimeout(function() {
swal({
title: "Alert!",
text: swal2container,
type: "error"
}, function() {
window.location = "index.php";
});
}, 100);




</script>';


?>

<div id="swal2container">test</div> 

i still cant get the content of swal2container when sweet alert . Anyone can help meh?

[helloworld2021]

just got the solution. tq

[Dani]

Sorry, I just saw this now. Do you mind sharing the solution so it could help other people in the future?

Based on the code I am seeing, I would expect that after var swal2container = $("#swal2container").text(); the value of swal2container would be test. You're saying it wasn't?

[helloworld2021]

i use another way by using html in sweetalert2 :

Swal.fire({

    title: 'xx',
    html:
    '<table width="100%" style="font-family:arial;" align="center">' +
    '<tr align="center">' +
    '<td width="50%">' +
    '<div align="left">xx</div> ' +
    '</td>' +
    '<td width="5%">' +
    '<div align="center">:</div> ' +
    '</td>' +
    '<td width="40%">' +
    '<div><strong>'+div+'</strong></div> ' +
    '</td>' +
    '</tr>' +


    '<tr align="center">' +
    '<td>' +
    '<div align="left">xx</div> ' +
    '</td>' +
    '<td width="5%">' +
    '<div align="center">:</div> ' +
    '</td>' +
    '<td width="40%">' +
    '<div><strong>xx</strong></div> ' +
    '</td>' +
    '</tr>' +


    '</table>'

which i think give me the same result

[jeet_4]

var swal2container = $("#swal2container").html();

[jeet_4]

<div id="swal2container">test</div>

    var swal2container = $('#swal2container').text();
    setTimeout(function() {
    swal({
    title: "Alert!",
    text: swal2container,
    type: "error"
    });
    }, 100); 

[jeet_4]

window.location is over write all code