如何根据前面定义的变量选择器选择具有属性的元素？答案

【问题标题】：How to select an element with attribute based on variable selector which is defined earlier?如何根据前面定义的变量选择器选择具有属性的元素？
【发布时间】：2020-03-24 00:03:25
【问题描述】：

var $label = $('label');

//How can I select a `label` using attribute selector, something like below.
$label['data-id=1'].text('some value');
//There is no such a syntax, I am just trying to explain what I need to do.

For more complete example, please visit this jsfiddle link

【问题讨论】：

您是在问如何通过data 属性选择元素？
你想动态替换标签的值来匹配id吗？
这感觉就像您正在尝试从您之前找到的集合中找到带有 data-id 的元素？在这种情况下，$label.filter('[data-id=1]') 应该可以工作。查看 jQuery 文档中的 filter()。
不完全是。我在问我之前是否在变量中选择了一个标签，那么我如何选择一个具有数据属性的 div，例如，该值是 1，以防我在变量的顶部选择，在这种情况下是 var是 $label。
你是这个意思吗：$('data-id='+$label+').text('some value');

标签： jquery variables jquery-selectors

【解决方案1】：

您可以利用filter从$label获取匹配的id标签，然后设置文本值。见下面代码

  var $label = $('label');

  var id = $(this).find('.form-control-data-id').text();
  var val = $(this).find('.form-control').val();
  $label.filter(function(){
    return id == $(this).data('id');
  }).text(val);

JSFiddle Demo

【讨论】：