jquery - フォーム上の要素を探すこの jQuery を単純化できますか?

Question

このコードを単純化する方法はありますか:

var topic_html = obj.$form.find("#select-topic").html();
var topic_val = obj.$form.find("#select-topic").val();
var topic_text = obj.$form.find("#select-topic option:selected").text();

私はそれがかなりきれいであることを知っていますが、3つのインスタンスを回避できる方法はありますか?obj.$form.find.

Answer 1

毎回選択を見つける必要はなく、変数にキャッシュします。

var topic = obj.$form.find("#select-topic");
var topic_html = topic.html();
var topic_val = topic.val();
var topic_text = topic.find("option:selected").text();

Answer 2

ID でオブジェクトを取得しています - なぜそうしているのobj.$form.findですか?

$('#select-topic')要素がフォームの子であることを確認する必要がない限り、そうしてください。

ともかく：

var select = $('#select-topic');
var topic_html = select.html();
var topic_val = select.val();
var topic_text = select.find('option:selected').text();

同じものの 3 つのバージョンすべてが必要なのはなぜですか?