javascript - this.form を使用する場合、JavaScript 関数を jQuery に変換します。

Question

1 つのページに次のような複数のフォームがあります。

<form action="hreftomyserver.php" method="get" target="_blank">
    <ul>
        <li id="li_address">8447 Pardee Hollow Rd.</li>
    </ul>
    <input class="btn" type="button" value="process form" onclick=myfunction(this.form) />
</form>
<form action="hreftomyserver.php" method="get" target="_blank">
    <ul>
        <li id="li_address">123 Main Street</li>
    </ul>
    <input class="btn" type="button" value="process form" onclick=myfunction(this.form) />
</form>

次の JavaScript を使用して、onclickイベントのフォームを処理しています。

function myfunction(form) {
    var address = form.getElementById('li_address').innerHTML;
    alert("the address is: " + address);
}

私がしたいのは、li_address要素にjQueryでアクセスすることですが、同等のjQueryを実装して置き換える方法がわかりませんform.getElementById('li_address').innerHTML。

Answer 1

jQuery を使用している場合は、インライン イベント ハンドラーを削除しtext()、要素のテキスト コンテンツを取得するために使用します。

$('.btn').on('click', function() {
    var adress = $('#li_address').text();
    alert("the address is: " + address);
})

Answer 2

単純な jQuery id セレクターを使用する

function myfunction(form){
  var address = $("#i_address").html();
  alert("the address is: " + address);
}

Answer 3

これは私が探していた構文です: $('#li_address', form).val()