我正在為如何在 JavaScript 中的元素陣列中簡單選擇特定元素而苦苦掙扎。考慮以下:
var htmlString = "<span>someText</span><input type='hidden' class='idBox' name='id' data-id='6026' value='6026'>";
var eleArray = $.parseHTML(htmlString);
var inputVal = $(eleArray[1]).val();
inputVal將保存輸入欄位的值。在這種特定情況下,它將保持 6026 .. 但是,我不喜歡通過在 中選擇索引 1 來獲取此值的方式eleArray,這是輸入元素。我想通過輸入元素 id 來選擇它,在這種情況下,按類將是idBox或名稱id.. 但我不知道該怎么做。
有什么建議嗎?
uj5u.com熱心網友回復:
parseHTML將為您提供一個可以與 jQuery 一起使用的元素陣列,因此您可以filter按照通常的方式將元素添加到 DOM:
var htmlString = "<span>someText</span><input type='hidden' class='idBox' name='id' data-id='6026' value='6026'>";
var eleArray = $.parseHTML(htmlString);
var inputVal = $(eleArray).filter("[name='id']").val()
console.log(inputVal);
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
uj5u.com熱心網友回復:
您可以使用類選擇器語法:
const htmlString = "<span>someText</span><input type='hidden' class='idBox' name='id' data-id='6026' value='6026'>";
$($.parseHTML(htmlString)).filter(".idBox").val();
// => '6026'
使用輸入名稱的其他解決方案:
const htmlString = "<span>someText</span><input type='hidden' class='idBox' name='id' data-id='6026' value='6026'>";
$($.parseHTML(htmlString)).filter("input[name='id']").val();
轉載請註明出處,本文鏈接:https://www.uj5u.com/gongcheng/375386.html
標籤:javascript html 查询 dom
