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

Posted 2023-05-09

【中文标题】如何根据前面定义的变量选择器选择具有属性的元素？

【英文标题】：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');

【参考方案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