Question

<div id="content">
<textarea id="#example-1">
</textarea>
<textarea id="#example-2">
</textarea>
</div>

and Jquery

var xyz = $("content##example-1").val();

This code doesn’t work for me. It crashes – shows undefined. When I delete “#” from div from textarea and one “#” from JS code it works. It need to works with id with “#”.
Can I put variable into $() after quotation marks? E.g.:

$("content#"variable)

Answer 1

Escape the special character in the ID, and remove that content part. Because element IDs must be unique, an ID selector will match at most one element. Therefore, anything beyond that is overspecified.

var xyz = $("#\\#example-1").val();

Better still, don’t use a special character in the ID at all:

<div id="content">
    <textarea id="example-1">
    </textarea>
    <textarea id="example-2">
    </textarea>
</div>

var xyz = $('#example-1').val();

---

how about $(“content#”variable)? Is it possible? Is it exist any possibility to deal with it?

That’s not valid JavaScript; you need to use string concatenation. Also, the selector 'content' matches elements with tag name content, which is not what you want. Believe me: just get rid of the content part entirely.

Then use the jq function described in the jQuery FAQ that I linked.

var xyz = $(jq(variable)).val();