jquery取元素值问题,谢谢大家!

jquery取元素值问题,谢谢大家!,第1张

把财付通易宝支付等字符串放到标签里,例如span,便于识别

<label class="radio-inline">

    <input type="radio" name="paytype" value="tenpay" checked="true"><span>财付通</span>

</label>

<label class="radio-inline">

    <input type="radio" name="paytype" value="yeepay"><span>易宝支付</span>

</label>

这样就可以用下面的获取

var pay  = $("input[name='paytype']:checked")next()html();

可以用jquery选择器的:eq选择器或者jquery遍历的eq()方法,下面带那给出ul下第4个li的内容

$("ul li:eq(3)")  // 元素的index位置工0开始计数,所以这里的3实际为第4个元素

$("ul")find("li")eq(3)

示例代码如下

创建Html元素

<div class="box">

<span>点击按钮获取指定位置元素:</span><br>

<div class="content">

<li>梨子</li>

<li>李子</li>

<li>栗子</li>

<li>荔枝</li>

</div>

第&nbsp;<input type="text" name="num">&nbsp;个li元素<input type="button" value="确定">

</div>

设置css样式

divbox{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}

divbox span{color:#999;font-style:italic;}

divcontent{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}

li{margin:10px 0;}

input[type='text']{width:50px;padding:5px 10px;border:1px solid #ff9966;}

input[type='button']{height:30px;margin:10px;padding:5px 10px;}

编写jquery代码

$(function(){

$("input:button")click(function() {

num = $("input:text[name='num']")val()-1;  // index从0开始计算

str = $("divcontent")find("li")eq(num)text(); // eq()遍历方法

// 或者使用如下:eq()选择器的方法,单数之一要拼接字符串

// str = $("divcontent li:eq("+num+")")text()   // :eq()选择器

alert(str);

})

})

观察效果

获取name为test的input文本框中的内容的jQuery代码为:

$("input:text[name='test']")val();

jQuery提供了三个简单实用的用于获取元素内容的方法:

text() —— 设置或返回所选元素的文本内容

html() —— 设置或返回所选元素的内容(包括 HTML 标记)

val() —— 设置或返回表单字段的值

因为input属于表单元素,所以获取其内容使用的是val()方法。

以上就是关于jquery取元素值问题,谢谢大家!全部的内容,包括:jquery取元素值问题,谢谢大家!、jquery 怎样获取某元素以下的第n个元素、如何用jquery获取输入框内的内容等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址: https://outofmemory.cn/web/9792885.html

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

发表评论

登录后才能评论

评论列表(0条)

保存