如何使用正则表达式在 Javascript onclick 事件中测试 id（在 HTML 中）？

Question

我在这里很新（就问问题而言）并且遇到了一个问题，我在互联网上找不到任何解决方案。

我有一个 Django 模板（这与 Django 无关），我有

<select id="select1">
    <option value="0">-- {% trans "Choisir" %} --</option>
    {% for site in sites %}
    <option value="{{ site.City }}" onclick='$("#{{site.City}}").show();'>{{ site.City }}</option>
    {% endfor %}
</select>

为了显示相应的 div： <div class="zone" id='{{site.City}}'>这很好用，我也可以通过单击按钮来显示所有 div： <button class='small' onclick='$(".zone").show();'>{% trans "Show all" %}</button>

我想要做的是在site.City div 中有一些其他 div ，如下所示：

{% for site in sites %}
    <div class="zone" id='{{site.City}}'>
        <h4>{% trans "Site" %} : {{ site.City }}</h4>
        {% for immo in immos %}
            {% if immo.idSite.City == site.City %}
                <div class='zone' id='{{site.City}}{{immo.CodeImmo}}'>

我可以使用 Javascript 通过 onclick 方法显示 1 div id='{{site.City}}{{immo.CodeImmo}}但我找不到显示所有 div id='{{site.City}}{{immo.CodeImmo}}中的 div id='{{site.City}}'对应，不显示所有 div id='{{site.City}}'

我搜索了一些正则表达式 Javascript 解决方案，但它不起作用。

onclick='$("#/^{{site.City}}/").show();'

就像我只想测试 id 的一部分并在 Javascript 中使用它。
有没有办法做到这一点？ 或者我做错了什么？
问题是如何在 Javascript onclick事件中使用正则表达式来测试 id（在 HTML 中）？

Answer 1

试试这个：

在模板中：

{% for site in sites %}
    <div class="zone" id='{{site.City}}'>
        <h4>{% trans "Site" %} : {{ site.City }}</h4>
        {% for immo in immos %}
            {% if immo.idSite.City == site.City %}
                <div class='zone' id='{{site.City}}{{immo.CodeImmo}}' class='city_{{site.City}}'>

单击侦听器：

onclick='$(".city_{{site.City}}").show();'

Jquery 选择器（大部分）试图与CSS 选择器相同。 CSS 在需要选择多个项目时使用类。 与 ids 相比：每个节点可能有很多类，不同节点有相同的类是正常的。