
简单说下思路:
由<a>的click事件来触发,必须得找到这些<a>,并为其指定click事件;
根据层级关系,由<a>这个对象来获取同一个父tr元素下的input的内容;
上段代码,仅供参考:
$(document)ready(function(){ //选择所有含有'修改'字符串的<a>元素,并指定click事件 $("a:contains('修改')")click(function(){ var _name,_score; //返回当前<a>元素的父元素(td)的父元素(tr) var $tr = $(this)parent()parent(); //返回这个tr元素下两个input的值 _name = $trfind("td:eq(0)>input")val(); _score = $trfind("td:eq(1)>input")val(); alert(_name+" "+_score); });});
可以参考以下代码:
<pre name="code" class="html"><td style="height: 35px" colspan="7">
<input id="fm_AEType" class="easyui-combotree" style="width: 240px" />
<label id="fm_AETypePath" />
</td></pre>
JavaScript页面(包括数据初始化):
initAEType: function ()
{
$ajax(
{
url: AEActionUrl + 'action=listaetype&ParentType=',dataType: 'json',success: function (jsonstr)
{
$('#fm_AEType')combotree(
{
data: jsonstr, editable: false,//lines: true, valueField: 'AE_TYPE_ID',textField: 'AE_TYPE_NAME',onLoadSuccess: function ()
{
$('#fm_AEType')combotree('tree')tree("collapseAll");
}
onSelect: function (item)
{
var parent = item;
var tree = $('#fm_AEType')combotree('tree');
var path = new Array();
do
{
pathunshift(parenttext);
var parent = treetree('getParent', parenttarget);
}
while (parent);
var pathStr = '';
for (var i = 0; i < pathlength; i++)
{ pathStr += path[i];
if (i < pathlength - 1)
{ pathStr += ' - '; }
}
$('#fm_AETypePath')text(pathStr);
}
});
}
});
}
当单击按钮时触发事件,在这个事件中可以获得srcElement也就是事件节点。
通过这个事件节点,我们可以使用标准中parentNode属性,开获得其父节点元素,一直通过这个属性找到type为UL的节点,也就是所有li的父节点元素。
通过UL的childNodes属性,获得所有的li子节点,然后再在li中处理其子节点的相关属性,就可以达到你所说的目的了。
jQuery 提供了 parent() 方法用以获取当前匹配元素集合中每个元素的父元素,例如:
$("span")parent(); // 获取所有span标签元素的父节点对象集合
$("selected")parent(); // 获取所有class位selected的元素的父节点对象集合
$(spanselected)parent(); // 获取class为selected的span标签元素的父节点对象集合
另外,注意与parents() 方法的区别——parents() 方法获取当前匹配元素集合中每个元素的祖先元素(祖先元素不仅包括父节点,还包括祖父、曾祖父等等)。
th时表头
tr是行
td是单元格
可以看成类似excel的表格
一般tr作为th和td的父元素:
<tr>
<td>内容</td>
</tr>
也就是:一般内容都在td(单元格)里面,而th作为表头,一般在第一个单元格里。
var jCheckbox = jQuery('checkbox');//你的checkbox
var jTr=jCheckboxparent()parent();//即可
不知道你想获取什么jQuery很强大或者使用
var jTr=jCheckboxparents('tr');//所有父元素中选择tr
var jTr=jCheckboxclosest('tr');//只要最近的
$("div")//选取div
$("div>p")//选取div的子元素p
jQuery 选择器大全
$("#myELement") 选择id值等于myElement的元素,id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素$("div") 选择所有的div标签元素,返回div元素数组
$("myClass") 选择使用myClass类的css的所有元素
$("") 选择文档中的所有的元素,可以运用多种的选择方式进行联合选择:例如$("#myELement,div,myclass")
层叠选择器:
$("form input") 选择所有的form元素中的input元素
$("#main > ") 选择id值为main的所有的子元素
$("label + input") 选择所有的label元素的下一个input元素节点,经测试选择器返回的是label标签后面直接跟一个input标签的所有input标签元素
$("#prev ~ div") 同胞选择器,该选择器返回的为id为prev的标签元素的所有的属于同一个父元素的div标签
基本过滤选择器:
$("tr:first") 选择所有tr元素的第一个
$("tr:last") 选择所有tr元素的最后一个
$("input:not(:checked) + span")
过滤掉:checked的选择器的所有的input元素
$("tr:even") 选择所有的tr元素的第0,2,4 个元素(注意:因为所选择的多个元素时为数组,所以序号是从0开始)
$("tr:odd") 选择所有的tr元素的第1,3,5 个元素
$("td:eq(2)") 选择所有的td元素中序号为2的那个td元素
$("td:gt(4)") 选择td元素中序号大于4的所有td元素
$("td:ll(4)") 选择td元素中序号小于4的所有的td元素
$(":header")
$("div:animated")
内容过滤选择器:
$("div:contains('John')") 选择所有div中含有John文本的元素
$("td:empty") 选择所有的为空(也不包括文本节点)的td元素的数组
$("div:has(p)") 选择所有含有p标签的div元素
$("td:parent") 选择所有的以td为父节点的元素数组
可视化过滤选择器:
$("div:hidden") 选择所有的被hidden的div元素
$("div:visible") 选择所有的可视化的div元素
属性过滤选择器:
$("div[id]") 选择所有含有id属性的div元素
$("input[name='newsletter']") 选择所有的name属性等于'newsletter'的input元素
$("input[name!='newsletter']") 选择所有的name属性不等于'newsletter'的input元素
$("input[name^='news']") 选择所有的name属性以'news'开头的input元素
$("input[name$='news']") 选择所有的name属性以'news'结尾的input元素
$("input[name='man']") 选择所有的name属性包含'news'的input元素
$("input[id][name$='man']") 可以使用多个属性进行联合选择,该选择器是得到所有的含有id属性并且那么属性以man结尾的元素
子元素过滤选择器:
$("ul li:nth-child(2)"),$("ul li:nth-child(odd)"),$("ul li:nth-child(3n + 1)")
$("div span:first-child") 返回所有的div元素的第一个子节点的数组
$("div span:last-child") 返回所有的div元素的最后一个节点的数组
$("div button:only-child") 返回所有的div中只有唯一一个子节点的所有子节点的数组
表单元素选择器:
$(":input") 选择所有的表单输入元素,包括input, textarea, select 和 button
$(":text") 选择所有的text input元素
$(":password") 选择所有的password input元素
$(":radio") 选择所有的radio input元素
$(":checkbox") 选择所有的checkbox input元素
$(":submit") 选择所有的submit input元素
$(":image") 选择所有的image input元素
$(":reset") 选择所有的reset input元素
$(":button") 选择所有的button input元素
$(":file") 选择所有的file input元素
$(":hidden") 选择所有类型为hidden的input元素或表单的隐藏域
表单元素过滤选择器:
$(":enabled") 选择所有的可 *** 作的表单元素
$(":disabled") 选择所有的不可 *** 作的表单元素
$(":checked") 选择所有的被checked的表单元素
$("select option:selected") 选择所有的select 的子元素中被selected的元素
选取一个 name 为”S_03_22″的input text框的上一个td的text值
$(”input[@ name =S_03_22]“)parent()prev()text()
名字以”S_”开始,并且不是以”_R”结尾的
$(”input[@ name ^='S_']“)not(”[@ name $='_R']“)
一个名为 radio_01的radio所选的值
$(”input[@ name =radio_01][@checked]“)val();
$("A B") 查找A元素下面的所有子节点,包括非直接子节点
$("A>B") 查找A元素下面的直接子节点
$("A+B") 查找A元素后面的兄弟节点,包括非直接子节点
$("A~B") 查找A元素后面的兄弟节点,不包括非直接子节点
1 $("A B") 查找A元素下面的所有子节点,包括非直接子节点
例子:找到表单中所有的 input 元素
HTML 代码:
<form>
<label>Name:</label>
<input name="name" />
<fieldset>
<label>Newsletter:</label>
<input name="newsletter" />
</fieldset>
</form>
<input name="none" />
jQuery 代码:
$("form input")
结果:
[ <input name="name" />, <input name="newsletter" /> ]
2 $("A>B") 查找A元素下面的直接子节点
例子:匹配表单中所有的子级input元素。
HTML 代码:
<form>
<label>Name:</label>
<input name="name" />
<fieldset>
<label>Newsletter:</label>
<input name="newsletter" />
</fieldset>
</form>
<input name="none" />
jQuery 代码:
$("form > input")
结果:
[ <input name="name" /> ]
3 $("A+B") 查找A元素后面的兄弟节点,包括非直接子节点
例子:匹配所有跟在 label 后面的 input 元素
HTML 代码:
<form>
<label>Name:</label>
<input name="name" />
<fieldset>
<label>Newsletter:</label>
<input name="newsletter" />
</fieldset>
</form>
<input name="none" />
jQuery 代码:
$("label + input")
结果:
[ <input name="name" />, <input name="newsletter" /> ]
4 $("A~B") 查找A元素后面的兄弟节点,不包括非直接子节点
例子:找到所有与表单同辈的 input 元素
HTML 代码:
<form>
<label>Name:</label>
<input name="name" />
<fieldset>
<label>Newsletter:</label>
<input name="newsletter" />
</fieldset>
</form>
<input name="none" />
jQuery 代码:
$("form ~ input")
结果:
[ <input name="none" /> ]
<body>
<table class="tbeTarget" id="tbeTarget">
<tr>
<td class="tips1" id="tips1"> 12345abcd </td>
<td class="tips2" id="tips2"> 23456fvbg </td>
</tr>
</table>
<input type="button" onclick="getTdValue();" value="GETTDVALUE">
</body>
获取标签建议还是用ID来获取,简单方便
用getElementById("tbeTarget")可获取table
用getElementById("tips2")可获取到tips2
有ID的话,getElementById("tbeTarget")tips2也能得到你要的 tips2
特殊情况实在不能用ID时,也可用getElementsByTagName
var o=documentgetElementsByTagName("table"); 这个就获取到了所有的table标签,返回值是数组类型的
像你这个代码的话,只有个一个table,那 o[0]就是你要的table标签了
实在要用getElementByClassName的话,
var o=documentgetElementByClassName("tbeTarget");
var ot=ogetElementsByTagName("td"); //直接用ogetElementByClassName("tips2")应该也可以
for(var i=0;i<otlength;i++){
if(ot[i]class=="tips2"){
alert(ot[i]); //在这if里面,用ot[i]调用到的就是你要的 tips2了
}
}
以上就是关于不能获得input里的值全部的内容,包括:不能获得input里的值、easyui tree获取父节点的方法是什么、jquery 如何得到父节点对象等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)