javascript - jQuery 从数据中查找元素

Question

我在使用 jQuery 根据数据集查找和设置元素值时遇到问题。

数据是这样设置的:

$(this).data('scanner', {type: 'input', id: index});

然后我尝试像这样设置元素的值:

$('[data-type="input"][data-id="0"]').val(string);

但没有任何设置...控制台也不会抛出任何错误。

Answer 1

你可以使用filter

$("some_selector").filter(function(){
    var scannerData = $(this).data('scanner');
    return scannerData 
           && scannerData.type === "input" 
           && scannerData.id === 1;
}).val("some string");

这是一个例子:

$("#div1").data('scanner',{type: 'input', id: 1});

$('div').filter(function(){
  var scannerData = $(this).data('scanner');
  return scannerData && scannerData.type === "input" && scannerData.id === 1;
}).text("Updated");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="div1">Div1 (has data)</div>
<div>Div2</div>
<div>Div3</div>