# Selectors

Selectors help tell Ajaxify Comments about your comment section.

<figure><img src="https://624141870-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBjtVxM2tKSYe1SVErFtc%2Fuploads%2FQZh31iTnbtZtknJndY3s%2Fdlxplugins-1695535471074-1x.webp?alt=media&#x26;token=ab0a623a-cfc6-488c-8784-eac3632c8929" alt=""><figcaption><p>Selectors in the Admin Settings</p></figcaption></figure>

Selectors can be an advanced topic, so it's best to allow **Menu Helper** to help with finding the right selectors.

{% content-ref url="../first-time-users/menu-helper" %}
[menu-helper](https://docs.dlxplugins.com/ajaxify-comments/first-time-users/menu-helper)
{% endcontent-ref %}

To find the right selectors, it's recommended to open the developer tools in your browser and go to elements.

<figure><img src="https://624141870-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBjtVxM2tKSYe1SVErFtc%2Fuploads%2FUJ23s7r49JyVoh1LZLlx%2Fdlxplugins-1695536444733-1x.webp?alt=media&#x26;token=bd9d8314-b08f-4240-a9d1-8303b8e86331" alt=""><figcaption><p>Default Selectors Shown</p></figcaption></figure>

{% hint style="danger" %}
Selectors must be compatible with jQuery notation. IDs must have a `#` sign and classes must have a `.` in front of them.
{% endhint %}

### Comments Container Selector

This container wraps the comments list. You can usually find it by opening the dev tools and finding an individual comment.

Trace this comment back to its parent container, and you'll find the container ID or class.

<figure><img src="https://624141870-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBjtVxM2tKSYe1SVErFtc%2Fuploads%2FqgkyHmV6TUAihOW8n8wk%2Fdlxplugins-1695535801603-1x.webp?alt=media&#x26;token=eda8e209-e1ce-4224-abca-17e6c899bb15" alt=""><figcaption><p>Find the wrapper around the individual comments</p></figcaption></figure>

### Comment Form Selector

This is the wrapper ID or class for the `form` element in the comments section.

<figure><img src="https://624141870-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBjtVxM2tKSYe1SVErFtc%2Fuploads%2FZbhdt18QP1PLGZwwPl3h%2Fdlxplugins-1695535924098-1x.webp?alt=media&#x26;token=06227ae8-c760-4364-8d9d-755b8f8caa34" alt=""><figcaption><p>Find the ID or Class of the comment form element</p></figcaption></figure>

This can usually be found by inspecting the comment form's textarea element and tracing it back to the `form` parent element.

### Respond Selector

This wraps the respond area for the comment section.

You can usually find this by selecting the comment form's textarea and tracing it back to the form's parent container.

<figure><img src="https://624141870-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBjtVxM2tKSYe1SVErFtc%2Fuploads%2FB7Cp0mvTR3RZeZjVykpu%2Fdlxplugins-1695536125001-1x.webp?alt=media&#x26;token=30883e52-49a8-41d0-84f6-d57b54003dfa" alt=""><figcaption><p>The Respond Selector wraps the comment form</p></figcaption></figure>

### Comment Textarea Selector

This is the comment form's textarea field and can be found by selecting the comment's textarea.

<figure><img src="https://624141870-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBjtVxM2tKSYe1SVErFtc%2Fuploads%2FuUAOF6vMliP4wlCn05yR%2Fdlxplugins-1695536324121-1x.webp?alt=media&#x26;token=6cb6cfc7-ab00-4a7d-987e-81cbd284a134" alt=""><figcaption><p>Textarea field that shows the ID of the textarea</p></figcaption></figure>

### Comment Submit Button Selector

This is the submit button for the comment section. It can be found by selecting the submit button and finding the ID or class of the button or input.

<figure><img src="https://624141870-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBjtVxM2tKSYe1SVErFtc%2Fuploads%2FOfPHnAuh2bTuMw9ecNx6%2Fdlxplugins-1695536569688-1x.webp?alt=media&#x26;token=0411eba1-dd0f-4d3a-b049-fa723612eb94" alt=""><figcaption><p>Submit Button Selector Example</p></figcaption></figure>

### Advanced Selectors

Advanced Selectors must be in jQuery notation.
