如何避免在传递属性JQuery时签名

Question

数据库文本值将显示在HTML页面上，一旦用户单击段落JQuery，将弹出一个包含数据库值的警报消息。

但该段落包含"和'。将article-data传递给JQuery时，它会将文字传递到段落中的第一个'。如何在不对MySQL数据库进行任何更改的情况下解决这个问题？

<?php
    foreach ($data as $add) {
    echo "<div>";      
    echo "<p class='target' article-data='$add->p_content' >" . $add->p_id . $add->p_content . "</p>";
    echo "</div>"; 
}
?>

<script>
    //Display dialog box when mouse click 
    $( ".target" ).click(function() { 
       alert($(this).attr("article-data"));
    });       
</script>