javascript - 使用 this.form 时将 JavaScript 函数转换为 jQuery

Question

我在一个页面上有多个类似于此的表单：

<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()

Answer 4

var address = form.getElementById('li_address').innerHTML;

变成：

var address = $('#li_address').html();

由于您使用的是 ID，因此也无需在此处获取涉及的表单。如果您计划有多个地址字段，请考虑使用一个类：

var address = $('.li_address').first().html();