Question

<span class="switchery switchery-small" style="box-shadow: rgb(223, 223, 223) 0px 0px 0px 0px inset; border-color: rgb(223, 223, 223); transition: border 0.4s, box-shadow 0.4s; background-color: rgb(255, 255, 255);">
    <small style="left: 0px; transition: background-color 0.4s, left 0.2s;"></small>
</span>

我正在使用插件，它生成了上面的代码。如何选择具有左侧为0px的小标签的开关？

我写了这个

if ($('.switchery').find('small').attr('style').indexOf('0px') > -1) {

}

但我如何应用click()我的匹配元素。

Answer 1

使用filter进行回调。

选择$ make FQDN=127.0.0.1元素

<small>

过滤.switchery属性为零的元素

＆＃13;

left

＆＃13;

var smallEl = $('.switchery small').filter(function() {
  return parseInt($(this).css('left')) === 0;
}).css('color', 'green');

smallEl.click(function() {
  console.log('Hello');
});

＆＃13;

Answer 2

您可以这样写：

if ($('.switchery').has('small').find('small').css('left') == '0px') {
    // if matches
    // do click operation here
    $('.switchery').click()
    // or
    $('.switchery').click(function () {...
    });
}

DEMO

Answer 3

尝试使用选择器public override bool Validate(Control control, object value) { if ((value == null && !_IsAllowNull) || !value.IsNumber()) { ErrorText = "Please provided valid number without a decimal point."; return false; } if (value.ToString().Contains(".")) { ErrorText = "Decimal value is not allowed"; return false; } if (value.ToInt() < _minValue || value.ToInt() > _maxValue) { ErrorText = "Value should not be greater than " + _maxValue + " or less than " + _minValue; return false; } return true; }

＆＃13;

$(".switchery small[style*='left\\: 0px']")

＆＃13;

$(".switchery small[style*='left\\: 0px']").click(function() {
  alert(this.textContent)
})

＆＃13;

具有“left：0px”的元素的绑定事件

3 个答案: