从控制台获取上下文属性值

Question

我正在和开发人员一起阅读。使用此代码的工具控制台 $('#basis > td')[1] 此代码行：<td class="EURO" context="11.84689" align="right">€ 11,85</td>

我用$('#basis > td')[1].textContent阅读了<td></td>的内容，还有€ 11,85。

如何读取 context 的值？ - 我想获取 11.84689，但我找不到任何地方，如何获取上下文属性值...

Answer 1

JQuery有个function获取元素的属性

console.log( $('#basis td:first-child').attr('context') );

Answer 2

我稍微更改了您的问题以说明如何检索多个上下文值。我认为您正在使用 > 试图检索更多值。请试试这个：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<table id="basis">
    <td class="EURO" context="11.84689" align="right">€ 11,85</td>
    <td class="EURO" context="12.84689" align="right">€ 12,85</td>
    <td class="EURO" context="13.84689" align="right">€ 13,85</td>
    <td class="EURO" context="14.84689" align="right">€ 14,85</td>
    <td class="EURO" context="15.84689" align="right">€ 15,85</td>
</table>

<script>
    $('#basis td:first').each(function() {
        console.log($(this).attr('context'));
    });
</script>

Answer 3

我认为你可以使用：

$(document).find('td')[0].getAttribute('context');

或

$('#basis').find('td')[0].getAttribute('context');

从控制台获取上下文属性值

Get context attribute value from console

google-chrome-devtools

console.log