使用 jQuery 定位特定的 Wordpress 小部件表单

Question

我正在开发一个新的 Wordpress 小部件。它在小部件管理面板中的配置表单包括类别和子类别下拉列表（这些不是 Wordpress 类别）。

需要通过 AJAX 检索这些下拉列表的值，此外，更改类别下拉列表应该也会通过 AJAX 将新值加载到子类别下拉列表中。为此，我需要使用 jQuery 来定位当前的下拉菜单，并为更改事件设置一个处理程序。

如何在 Wordpress 中获得正确的 jQuery 选择器来实现这一点？用户可以将其中几个小部件添加到侧边栏，因此我不能使用通用 ID 或 CSS 类。还是有更合理的编码方式，也许使用 wp_localize_script？

Answer 1

类别下拉列表中必须有一些独特的因素（因为您说进行选择时会加载子类别中的选项）。

我会使用 data() 方法将此唯一标识符（无论是 id 还是其他）附加到每个下拉列表，以及将一个类附加到每个下拉列表（mywidgetname-category 或其他)。

然后遍历与您的类匹配的每个元素，附加一个 change() 事件处理程序，然后读取您使用 data() 附加的唯一标识符，并修改适当的子类别选择。