如何根據數據屬性清除輸入字段值？

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> 

我希望能夠根據數據部門屬性清除輸入字段中的值。

如何根據類和數據部門清除輸入字段的值？

因此，例如，如果我想能夠清除只有一個輸入字段，其中類等於StartTime和數據部門等於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/

要清除多個輸入字段，給任何commen data-department你的代碼像data-department="11"，data-department="12". Here 1`是普通然後你可以這樣繼續

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

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