如何根据 class 名称获取 Id 的元素

Question

我需要根据 class div 名称获取 div 标签的 ID？

 function AddActionTableRow() { actionTableRowCount++; actionItemRowDictionary[actionTableRowCount] = true; var rowHtml = "<tr class='actionTableRow actionTableRow" + actionTableRowCount + "'> <td class='actionTableField' id='actionTableField1'>" + actionTableRowCount + "</td> <td class='actionTableField' id='hiddenActionTableField'>" + 0 + "</td> <td><input class='actionTableField' id='actionTableField2' type='text'/></td> <td><select onchange='this.className=this.options[this.selectedIndex].className' class='actionTableField' id='actionTableField3'> <option value=' --Select-- ' selected disabled> --Select-- </option> <option class='blue' value='Category-1'>Category-1</option> <option class='green' value='In Progress'>Category-2</option> <option class='yellow' value='Minor Risk'>Category-3</option> <option class='red' value='Major Risk'>Category-4</option> </select></td> <td><select onchange='this.className=this.options[this.selectedIndex].className' class='actionTableField' id='actionTableField4'> <option value='--select--' selected disabled> --Select-- </option> <option class='blue' value='Completed'>Category-1</option> <option class='green' value='In Progress'>Category-2</option> <option class='yellow' value='Minor Risk'>Category-3</option> <option class='red' value='Major Risk'>Category-4</option> </select></td> <td><input class='actionTableField' id='actionTableField5' type='text'/></td> <td><input class='actionTableField' id='actionTableField6' type='text'/></td> <td><input class='actionTableField' id='actionTableField7' type='text'/></td> <td><input type='text' id='actionTableField8' class='actionTableField' /></td> <td><button onclick='DeleteActionItemRow(this)' class=' actionTableField actionItemDelete actionItemDelete-" + actionTableRowCount + " '><i class='fa fa-trash-o' style='border-radius:.30rem' ></i></button></td> </tr>"; $("#actionTableFoot").append(rowHtml); var className = ".actionTableRow" + actionTableRowCount + " #actionTableField2"; alert(className); $(className).focus(); alert("wdfs");; var picker = new Lightpick({ //field: document.getElementById('actionTableField8'), //field: document.getElementsByClassName('actionTableRow actionTableRow' + actionTableRowCount).getElementById('actionTableField8'), singleDate: false, onSelect: function (start, end) { var str = ''; str += start? start.format('Do MMMM YYYY') + ' to ': ''; str += end? end.format('Do MMMM YYYY'): '...'; document.getElementById('actionTableField8').innerHTML = str; } }); }

啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊

Answer 1

我认为您想从 class 名称中获取元素的 id，您可以通过以下方式实现它，

<div id="testId" class="testClass"></div>
$(document).ready(function() {
    alert($('.testClass').attr('id'));
}); 

但请记住 class 可以在多个地方使用，所以如果你想要所有具有相同 class 名称的元素的 id，你可以

var retval = []
$('selector').each(function(){
  retval.push($(this).attr('id'))
})
return retval

或使用 map

return $('.selector').map(function(index,dom){return dom.id})