
可以使用each循环来实现:
$("#datalist1 tr")each(function(){ // 循环每一行
var one=$(this)find("td:eq(0)")find("input")val(); //取第一列中input的值
var two=$(this)find("td:eq(1)")find("input")val(); // 取第二列中input的值
var three=one+tow; // 两列值相加
$(this)find("td:eq(2)")find("input")val(three); // 赋值给第三列中的intput
})
问题出在PageDataList 这里,你截图我没见到数组名字就是在[{"articleId" 前面一点,你输出了 PageDataList 但是undefined 连这个参数都没有,确认你的数组名字
jquery选择器(即针对你指定的那个input元素)和获取内容(即获得输入的值),所以综合起来有如下代码可以实现
$("input#test")val; // 推荐这种方式,因为id是唯一的
$("input[name='test']")val; // 此时需要注意是否有同名的input元素
$("input:text")val; // 这种方式只有整个网页只有一个文本输入框才是正确的
下面给出示例:
1创建一个文本框和一个触发获取文本框输入内容的按钮
<input id="test" name="test" type="text"/><br>
<input type="button" value="显示文本框输入内容">
2简单设置一下css样式
input[type='text']{width:200px;height:35px;margin:10px;border:1px dashed green; border-radius:5px;}
input[type='button']{width:200px;height:35px;margin:10px;border:2px solid #ebbcbe;}
3添加jquery代码
$(function{
$("input:button")click(function {
alert($("input#test")val);
});
})
观察显示效果
1、新建一个html文件,命名为testhtml,用于讲解。
2、在testhtml文件内,在p标签内,使用a标签创建一个链接,同时设置id为mylink,主要用于下面通过该id获得a对象。
3、在testhtml文件内,给a标签添加title属性,属性值为“这是测试的链接”。
4、在testhtml文件内,使用button标签创建一个按钮,按钮名称为“获得title内容”。
5、在testhtml文件中,给button按钮绑定onclick点击事件,当按钮被点击时,执行getitle()函数。
6、在js标签内,创建getitle()函数,在函数内,通过id(mylink)获得a对象,使用attr()方法获得title属性值,即title的内容,最后,使用alert()方法将获得的内容输出。
7、在浏览器打开testhtml文件,点击按钮,查看实现的效果。
在jQuery输入元素表达式属性名即可得到。
如:
1$("#textId")attr("width")是获取Id为textId的控件的width属性。
2$("className")attr("width")是获取包含class名为className的控件的width属性。
3$("[name=textName]")attr("width")是获取name为textName的控件的width属性。
但要注意,jquery取到的可能是一个数组,如果确定属性为同一值,则没问题,否则应该循环取得控件,再取属性值。如:$("#textId")[0]width是取第一个控件的width属性。但也有写属性用attr取不到,也需要用角标的方式取得控件后再取属性。
jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档 *** 作、事件处理、动画设计和Ajax交互。
jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的css选择器,并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器,如IE 60+、FF 15+、Safari 20+、Opera 90+等。
目前伪装类是不可获取的。更何况是去修改伪类的content,建议尝试用class去修改他
<style>cc:after{content:"我是伪类"}
ccaa:after{content:"我的伪类文字被动态修改了"}
</style>
<p class="cc"></p>
<p class="cc"></p>
jquery代码
$("cc")hover(function(){
$(this)addClass("aa");
});
jquery中获取一段包含script标签的div内容的方法:
1、首先要引入jQuery的依赖js文件。
2、然后用$("#divName")innerHTML的方式来获取div内部包含标签的全部内容。
例如:
<div di="divName">
<script type="text/javascript">
function test(){alert("1");}
</script>
</div>
<script type="text/javascript">
var divContent = $("#divName")innerHTML;
</script>
就是这两个标签同步吧,提供下思路思路:
方式一:input设置ID,当点击a标签时取a标签的文本并赋给input。
方式二:点击a标签时,执行onclick事件时,把值直接传给js函数,取到值后赋给input。
以下方式一实现代码,方式二的不写了。供参考。
<script language="javascript">
function gettext(obj) {
documentgetElementById('inputval')value=objinnerText;
}
</script>
<input type="text" id="inputval" name="inputval" />
<br>
<a href="#" onclick="gettext(this);">111</a>
<a href="#" onclick="gettext(this);">222</a>
<a href="#" onclick="gettext(this);">333</a>
以上就是关于怎么用JQ获得表格中的文本全部的内容,包括:怎么用JQ获得表格中的文本、jQ 获取ajax响应的数据的内容、如何用jquery获取input中输入的值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)