jQuery输入选择答案

【问题标题】：jquery input selectionjQuery输入选择
【发布时间】：2011-05-13 18:22:48
【问题描述】：

var inputvalue = $(this).attr('value')
             $('input[value=inputvalue] + label').css({
                    '-webkit-transition': 'opacity 0.4s linear',
                    'opacity': '0'
                });

但它不起作用。正如预期的那样 value=inputvalue 没有得到那个变量，而是寻找那个名字。我该怎么做？

非常感谢:)

【问题讨论】：

您是否考虑过使用$(this).val() 而不是$(this).attr('value')？哦，属性等于选择器需要引用值。 “报价是强制性的。”参考：val()，attribute-equals selector。
你能发布你的标记吗？它将帮助我们了解您要做什么

标签： javascript jquery variables input selector

【解决方案1】：

你需要在这里使用一些字符串连接。

var inputvalue = $(this).val();
$('input[value="' + inputvalue + '"] + label').css({
  '-webkit-transition': 'opacity 0.4s linear',
  'opacity': '0'
});

【讨论】：

【解决方案2】：

试试这个： example

HTML：

<label for="myinput">Label for input</label>
<input id="myinput" />
<button>check</button>
<br />

JS：

$.expr[':'].value = function(obj, index, meta, stack){

    if (meta[3] == $(obj).val())
        return true;    

    return false;
};

$.fn.labelInput = function() {

    if (this && $(this).attr('id'))
        return $('label[for="'+$(this).attr('id')+'"]');

    return null;
}

$('button').bind('click', function(event) {

   var 
       inputvalue = $('input').val(),
       cssOpcions = {
          '-webkit-transition': 'opacity 0.4s linear',
          'opacity': '0'
        };

    $('input:value(' + inputvalue + ')')
        .css(cssOpcions)
        .labelInput().css(cssOptions);

});

【讨论】：