Question

我有多个输入字段，用户可以在其中选择日期时间，这些字段之间的唯一区别是数据部门属性。

                <div class="col-sm-10">
                    <input type="datetime-local" class="StartTime" data-department="2" name="bdaytime">
                </div>

                <div class="col-sm-10">
                    <input type="datetime-local" class="StartTime" data-department="3" name="bdaytime">
                </div>

我希望能够根据data-department属性清除输入字段中的值。

如何根据类和数据部门清除输入字段的值？

例如，如果我希望能够只清除一个输入字段，其中class等于StartTime而data-department等于2？

我尝试使用以下代码，但它没有用。

    $('input:datetime-local').find('data-department' = 2).val('');

Answer 1

清算部门2

$('input[data-department="2"]').val('');

您可以使用jsfiddle https://jsfiddle.net/y75tgzkb/

$('button').click(function(){
  $('input[data-department="2"]').val('');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="col-sm-10">
  <input type="datetime-local" class="StartTime" data-department="2" name="bdaytime">
</div>

<div class="col-sm-10">
  <input type="datetime-local" class="StartTime" data-department="3" name="bdaytime">
</div>

<button>
  Clear
</button>

在代码中我只清除部门2 。

希望这会对你有所帮助。

Answer 2

此选择器应该有效：

$('input[type="datetime-local"][data-department="2"]').val('');

Answer 3

要清除单个输入字段，请检查此小提琴：https://jsfiddle.net/y75tgzkb/2/

要清除多个输入字段，请为代码data-department提供data-department="11"，data-department="12". Here 1`是常见的，然后您就可以这样继续

$( "input[data-department*='1']" ).val('');

工作小提琴：https://jsfiddle.net/y75tgzkb/1/

如何根据数据属性清除输入字段值？

3 个答案: