0
のjQueryのコールバック関数では動作しませんが右ボタンをクリックするまたはを去ったとき、私はいくつかの<div>とそのpadding-leftを修正する必要があります。私はそれぞれの選択された要素のpadding-leftに従って変更font-weightとfont-styleを欲しいです。 padding-leftが20の場合、font-weightはnormalに設定されます。 padding-leftは40文はIF-クリックイベント
$(document).ready(function() {
$(".toGrab").on("click", function() {
$(this).toggleClass('selected');
});
$("#key").click(function() {
var sl = parseInt($(".selected").css("padding-left"));
$(".selected").css({
paddingLeft: "+=" + "20"
});
if (sl >= '100') {
$(".selected").css({
paddingLeft: 100
});
}
});
$("#key1").click(function() {
$(".selected").css({
paddingLeft: "-=" + "20"
});
});
$(document).ready(function() {
$("#key").click(function() {
var n = $(".toGrab").css("padding-left");
if (n < 20) {
$(".toGrab").css("font-weight", "normal"); alert("n");
}
if (n < 40) {
$(".toGrab").css("font-weight", "italic"); alert("n");
}
else {
$(".toGrab").css("font-weight", "bold");
}
});
});
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<style>
div{
background-color:yellow;
margin-top:20px;
}
div {
}
.selected {
background-color:lightblue;
}
</style>
</head>
<body>
<button id="key">left</button>
<button id="key1">right</button>
<div class='toGrab'>grand parent</div>
<div class='toGrab'>parent</div>
<div class='toGrab'>child</div>
<div class='toGrab'>child</div>
<div class='toGrab'>child</div>パディング左の変更は時にdiv要素を選択し、左ボタン
代わりに 'SL> =「の' SL> = 100' 100''試してみてください。 – Xufox
@xufox関数が動作している場合、フォントウェイトを変更する最後のステップで使用された関数が機能していない場合 – aswathy
文字列と何かを数値として比較することは直感的ではなく、予期しない結果につながる可能性があります... 'if'文を実行するには、' n'が何であるかを知る必要があります。最後に 'px'という文字列です。それを数字と比較することはできません。あなたは 'px'を削除し、最初に' n'を数字に変換する必要があります。 – Xufox