domノード操作要素


まずコードを1波上げる
<html>
<head>
    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.js">script>
head>
<body id="body">
<sspan id="test1" name="test1" value="test1 value" goodId="6">test1 sspan>
<a href="javascript:void(0)" onclick="test(this)" goodId="6" price="666" number="6000"> a>
body>
<script type="text/javascript">
    console.log('$("#test1").text() ====='+$("#test1").text())
    console.log('$("#test1").val() ====='+$("#test1").val())
    $("[goodId]").each(function () {
        console.log('$("[goodId]") $(this).attr("value") ====='+$(this).attr("value"));
        console.log('$("[goodId]") $(this).attr("goodId") ====='+$(this).attr("goodId"));
    })
    function test(ele) {
        console.log($(ele).attr("goodId"))
        console.log($(ele).attr("price"))
        console.log($(ele).attr("number"))
    }
script>
html>

このコードの難易度はそれほど高くありませんが、疑問があります.
$("#test1").text() =====test1 
test.html:11 $("#test1").val() =====
test.html:13 $("[goodId]") $(this).attr("value") =====test1 value
test.html:14 $("[goodId]") $(this).attr("goodId") =====6
test.html:13 $("[goodId]") $(this).attr("value") =====undefined
test.html:14 $("[goodId]") $(this).attr("goodId") =====6
 ===》》》// 
VM69:1 Uncaught SyntaxError: Invalid or unexpected token// 
6
666
6000

これで前に隠したaラベルの値が取れるようになりました.このように省くparent()の操作ができます.