使用jQuery对DOMParser对象执行操作

时间:2017-05-26 06:41:07

标签: javascript jquery html dom

我需要使用jQuery将tabindex设置为下表中的所有td。

如果表格在dom中,我可以使用以下代码执行此操作 但是如果DOM中仍然没有表格呢? 它仍然是JavaScript变量吗?

所以我的问题是关于jQuery选择器 给定" table tr td"然后可以在DOM上找到它。

但是如何在jQuery选择器中使用我的DOMParser对象,所以我将尝试在我定义的DOM对象中找到表标记,而不是在文档全局对象上。

如果您对此有任何答复,请告诉我。

$("table tr td").each(function (i) { $(this).attr('tabindex', 0); });

任何关于表操作的示例工作都将受到赞赏。提前致谢。

var xmlString = "<table id='tableabc' border='1' style='width:50%'> <tr> <th>Firstname</th> <th>Lastname</th> <th>Age</th> </tr> <tr> <td>Jill</td> <td>Smith</td> <td>50</td> </tr> <tr> <td>Eve</td> <td>Jackson</td> <td>94</td> </tr> </table>";

var parser = new DOMParser(); 

var doc = parser.parseFromString(xmlString, "text/xml");
剩下的事情如何使用我不确定。

1 个答案:

答案 0 :(得分:0)

var htmlstring = "<table id='table47' border='1' style='width:50%'> <tr> <th>Firstname</th> <th>Lastname</th> <th>Funny</th> </tr> <tr> <td>A</td> <td>N</td> <td>No</td> </tr> <tr> <td>A</td> <td>P</td> <td>Yes</td> </tr> </table>";

var $jQueryObject = $($.parseHTML(htmlstring));

$jQueryObject.each(function(){      
    var tdObj = $(this).find("td");
    var thObj = $(this).find("th");
    thObj.attr('tabindex', 7);
    tdObj.attr('tabindex', 8);
});

console.log($jQueryObject);
$("#divForParsedTable").html($jQueryObject);