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

Question

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.

有关更完整的示例，请访问此 jsfiddle 链接

Answer 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 演示