ホームページ >ウェブフロントエンド >htmlチュートリアル >jQuery_html/css_WEB-ITnose の例
jQuery_html/css_WEB-ITnose の例
- WBOYオリジナル
- 2016-06-21 09:43:21916ブラウズ
$("#tableEmail td[background-color = dodgerblue]"); ですが、結果はありません。 bgColor、background、backgroundColor など、他のいくつかの属性も使用されていますが、理由はまだわかりません。フィルターを使用しても使用しなくても機能しません。誰かこれの書き方を知っていますか？プログラムのロジックは問題ないはずです。また、上記の背景色の適用シーンと違いについても触れておきますが、混用しないほうが良いと思います。 ディスカッションへの返信 (解決策)
背景色は dodgerblue ではなく、rgb 形式です
背景色を設定するにはクラスを使用することをお勧めします
あなた このようになります
var x = $('#tableEmail td').filter(function() {
return $(this).css('background-color') == ' rgb(30, 144, 255)';
})
x.html("xxxxxxx")
x は td です
IE では次のように記述されます
$('#tableEmail td').filter (function() {
return $(this).css('background-color') == 'dodgerblue';
})
例
<html><head><script src="jquery-1.9.1.min.js"></script></head><body> <table id="tableEmail"> <tr> <td style="background: dodgerblue">sdsd</td> <td style="background: red">sdsd</td> </tr> </table> <input type=button value=test onclick="xx()"> <script> function xx() { alert($('#tableEmail td').css("background-color")) $('#tableEmail td').filter(function() { return $(this).css('background-color') == 'dodgerblue'; }).html("xxxxxxx") } </script></body></html> これを行うことができます
var x = $('#tableEmail td').filter(function() {
return $(this) .css('background-color') == 'rgb(30, 144, 255)';
})
x.html("xxxxxxx")
x は td です
これは IE での書き方です
$( '#tableEmail td').filter(function() {
return $(this).css('background-color') == 'dodgerblue';
})
例
<html><head><script src="jquery-1.9.1.min.js"></script></head><body> <table id="tableEmail"> <tr> <td style="background: dodgerblue">sdsd</td> <td style="background: red">sdsd</td> </tr> </table> <input type=button value=test onclick="xx()"> <script> function xx() { alert($('#tableEmail td').css("background-color")) $('#tableEmail td').filter(function() { return $(this).css('background-color') == 'dodgerblue'; }).html("xxxxxxx") } </script></body></html> はい、テストしました。しばらくすると、IE は背景色を色名に解析し、Chrome、Firefox、Safari はすべてそれを rgb 値に解析しました。色の名前からRGBを取得する方法があるかどうかを尋ねたいです。また、
var select = td.filter(function () { return $(this).css("background-color") == "rgb(30, 144, 255)" }); select.next() を使用して次のセルを取得しましたが、何が起こったのかわかりません。 2 つの方法があります
1. Color.js を使用します。ダウンロードと使用方法については、name2rgb http://matthewbj.github.io/Colors/ を参照してください。
2. 事前定義された json を使用します
http://stackoverflow.com/questions /1573053 /javascript-function-to-convert-color-names-to-hex-codes
2 つの方法があります
1. Color.js を使用します。ダウンロード手順については、name2rgb http://matthewbj.github を参照してください。 io/Colors /
2、事前定義された json を使用します
http://stackoverflow.com/questions/1573053/javascript-function-to-convert-color-names-to-hex-codes
ありがとう、select.next を使用する理由があります。 ( ) 次のセルを取得できませんか?
2 つの方法があります
1. Color.js を使用します。ダウンロードと使用手順については、name2rgb http://matthewbj.github.io/Colors/ を参照してください。
2. 事前定義された json を使用します
http://stackoverflow.com/ question/ 1573053/javascript-function-to-convert-color-names-to-hex-codes
ありがとうございます。なぜ select.next() が次のセルを取得しないのですか?
理由はわかっています。各 TD は異なる tr に配置されており、兄弟関係ではなく、TD が 1 つしかないため、select.next() は空です。正しいアプローチは select.parent().next().children().first() です。最初に親要素 tr を取得し、次に次の tr を取得し、次に tr のすべての子要素 td を取得し、最後に最初の要素を取得します。子要素 td それが次に表示されるセルです。