Javascript 根据数据属性值获取内的输入元素

我有以下代码：

<tr class="my-field" data-name="background_colour" data-type="color_picker">
    <td class="my-input">
        <div class="my-color_picker">
              <input type="text" class="wp-color-picker">
    </td>
</tr>

我需要使用class=wp颜色选择器获取输入文本元素

我可以使用$'input.wp color picker'实现这一点，但这将获得class=wp color picker的所有输入元素。我只想获取数据名为“background\u color”的tr中的元素

希望这是有意义的。

使用a将这些结合起来以满足需要

$('tr[data-name="background_colour"] input.wp-color-picker')

这里tr[data name=background\u color]将找到您正在查找的tr，然后子代选择器和输入选择器input.wp-color-picker将找到目标元素

使用a将这些组合到需要

$('tr[data-name="background_colour"] input.wp-color-picker')

这里tr[data name=background\u color]将找到您正在查找的tr，然后子代选择器和输入选择器input.wp-color-picker将找到目标元素

你可以这样做

$'tr[data name=background\u color]input.wp color picker'

例如： 警报$'tr[data name=background_color]input.wp color picker.val； 你可以这样做

$'tr[data name=background\u color]input.wp color picker'

例如： 警报$'tr[data name=background_color]input.wp color picker.val； 试试这个

$("tr[data-name='background_colour'] .wp-color-picker")

试试这个

$("tr[data-name='background_colour'] .wp-color-picker")