сделать можно
только вот такая замена убьет отображение
<head>
<meta charset="utf-8">
<style>
div{
display: block;
width: 100px;
height: 100px;
border: 1px solid red;
background-color: yellow;
}
</style>
</head>
<body>
<div id="id"> бла бла бла</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$("#id").click(function(){
$(this).replaceWith("[not-aviable=main]" + $(this).html() + "[/not-aviable]");
});
</script>
</body>