domノード操作要素
5177 ワード
まずコードを1波上げる
このコードの難易度はそれほど高くありませんが、疑問があります.
これで前に隠したaラベルの値が取れるようになりました.このように省くparent()の操作ができます.
<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()の操作ができます.