jquery获取input标签的value

jquery获取input标签的value,第1张

1、新建一个html文件,命名为testhtml。

2、在testhtml文件内,分别在p标签内,使用input标签创建文本输入框,用于内容的输入。

3、在testhtml文件内,给每个input元素设置class属性,统一设置为myput,主要用于下面一次性获得所有的input对象。

4、在testhtml文件内,使用button标签创建一个按钮,按钮名称为“获取多个value值”,给button按钮绑定onclick点击事件,当按钮被点击时,执行getinput()函数

5、在js标签中,创建getinput()函数,在函数内,定义一个空的arr数组,用于保存多个value值。同时,通过类名获得input对象,使用each()方法遍历所有的input对象,每次遍历,执行function()方法。

6、在function()方法内,使用val()方法获得input的value值,并使用push()方法将value值存进arr数组中,最后,使用alert()方法将数组输出来。

下面用 jQuery 将全部 url 和 文本分别添加到两个数组里面。

其实两个数组是一样的,因为你从数据库输出的时候应该是用的同一个 url 变量输出两次,结果都是类似 aaacom 这样的。

<script type="text/javascript">

$(function() {

var labels = [], urls = [];

$("form[name=frmsearchedresult] a[href^='whois']")each(function(){

labelspush($(this)text());

urlspush($(this)attr("href")replace(/^whois\asp\domain=/, ""));

});

// ["", "baiducom", "googlecn", "sinacomcn", "yahoocom", "163com"]

alert(labels);

// ["", "baiducom", "googlecn", "sinacomcn", "yahoocom", "163com"]

alert(urls);

});

</script>

$('td')text();

首先使用jquery选择器选择所有的td标签,使用jquery的text()方法可以获取td中的文字内容。

text():得到匹配元素集合中每个元素的文本内容结合,包括他们的后代,或设置匹配元素集合中每个元素的文本内容为指定的文本内容。

jQuery 获取 div 之间的内容,有两种方法,$(selector)text()、$(selector)html() 。

html:

<div>

<p>test</p>

</div>

$("div")text() 得到的是 test,是 div 的纯文本,会自动忽略 html 标签 。

$("div")html() 得到的是 <p>test</p>,是 div 的所有内容,包括 html 标签,它有个好处是可以将 得到的标签与文字 直接再利用,比如添加到页面其他地方之类的 *** 作 。

以上就是关于jquery获取input标签的value全部的内容,包括:jquery获取input标签的value、求救一个用JS或jquery获取一个指定from里面A标签的href的URL字符串和A中间的文本。、Jquery如何获取<td></td>中的文字等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9490968.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-28
下一篇 2023-04-28

发表评论

登录后才能评论

评论列表(0条)

保存