jquery获取值

最新推荐文章于 2024-09-12 10:06:54 发布

原创最新推荐文章于 2024-09-12 10:06:54 发布 · 127 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jQuery #C #C++ #C# #Ajax #ViewUI

javaEE 专栏收录该内容

4 篇文章

订阅专栏

<table border="1" bordercolor="black" cellspacing="0" align="center" cellpadding="5">
				<thead>
					<tr>
						<td>
							产品编号
						</td>
						<td>
							产品名称
						</td>
						<td>
							产品描述
						</td>
						<td>
							父类
						</td>
						<td>
							增加子类别
						</td>
						<td>
							编辑
						</td>
						<td>
							删除
						</td>
					</tr>
				</thead>
				<c:forEach items="${pageBean.queryResult.resultList}" var="productType">
					<tr class="productName">
						<td class="productTypeId">
							${productType.id }
						</td>
						<td class="productTypeName">
							${productType.name }
						</td>
						<td>
							${productType.note }
						</td>
						<td class="parentTypeId">
							<c:if test="${!empty productType.parentType}">${productType.parentType.name}</c:if>
						</td>
						<td>
							<a href="#dialog" name="addChildProductType">增加</a>
						</td>
						<td class="td">
							<input name="#update" type="button" value="编辑" />
						</td>
						<td>
							<a name="deleteProductType" href="controller/product/productType!deleteProductType.action?productType.id=${productType.id} ">删除</a>
						</td>
					</tr>
				</c:forEach>
			</table>

在点击“编辑”按钮之后，我想获取“编辑”按钮相对应的那行：

<td class="parentTypeId">
							<c:if test="${!empty productType.parentType}">${productType.parentType.name}</c:if>
						</td>

里面的html文本值；我的写法是这样的：

var parentTypeName = $(this).parent().parent()
								.children(".parentTypeId").html();
						alert(parentTypeName);

但是提示框显示的是null（我调试的时候是选择那些有值的），我觉得我的问题应该是这段javascript有问题。请朋友赐教。我的想法是这样的：$(this)得到的是

<input name="#update" type="button" value="编辑" />

$(this).parent()得到的是

<td class="td">
							<input name="#update" type="button" value="编辑" />
						</td>

$(this).parent.parent()得到的是

<tr class="productName">
						<td class="productTypeId">
							${productType.id }
						</td>
						<td class="productTypeName">
							${productType.name }
						</td>
						<td>
							${productType.note }
						</td>
						<td class="parentTypeId">
							<c:if test="${!empty productType.parentType}">${productType.parentType.name}</c:if>
						</td>
						<td>
							<a href="#dialog" name="addChildProductType">增加</a>
						</td>
						<td class="td">
							<input name="#update" type="button" value="编辑" />
						</td>
						<td>
							<a name="deleteProductType" href="controller/product/productType!deleteProductType.action?productType.id=${productType.id} ">删除</a>
						</td>
					</tr>

最后

 $(this).parent().parent()	.children(".parentTypeId").html();

获得的是

<td class="parentTypeId">
							<c:if test="${!empty productType.parentType}">${productType.parentType.name}</c:if>
						</td>

的节点值。这么想哪里有错？

解决这个问题的完整代码：

<div id="table">
			<table border="1" bordercolor="black" cellspacing="0" align="center" cellpadding="5">
				<thead>
					<tr>
						<td>
						</td>
						<td>
							产品编号
						</td>
						<td>
							产品名称
						</td>
						<td>
							产品描述
						</td>

						<td>
							父类名称
						</td>
						<td>
							增加子类别
						</td>
						<td>
							编辑
						</td>
						<td>
							删除
						</td>
					</tr>
				</thead>
				<c:forEach items="${pageBean.queryResult.resultList}" var="productType">
					<tr class="productName">
						<td class="parentTypeId">
							<c:if test="${!empty productType.parentType}">
								<input type="hidden" value="${productType.parentType.id}" />
							</c:if>
						</td>
						<td class="productTypeId">
							${productType.id }
						</td>
						<td class="productTypeName">
							${productType.name }
						</td>
						<td>
							${productType.note }
						</td>

						<td class="parentTypeName">
							<c:if test="${!empty productType.parentType}">${productType.parentType.name}</c:if>
						</td>
						<td>
							<input name="#add" type="button" value="添加"></input>
						</td>
						<td>
							<input name="#update" type="button" value="编辑" />
						</td>
						<td>
							<input name="#delete" type="button" value="删除" />
							<%--<a name="deleteProductType" href="controller/product/productType!deleteProductType.action?productType.id=${productType.id} ">删除</a>
						--%>
						</td>
					</tr>
				</c:forEach>
			</table>
		</div>

<div id="update" class="window">
			<img class="close" alt="close" src="/sports/images/greenAcross.gif">
			<form name="updateProductType" action="controller/product/productType!updateProductType.action" method="post">
				<table>
					<caption>
						添加产品子类型
					</caption>
					<tr>
						<td>
							产品父类型：
						</td>
						<td>
							<select name="select">

							</select>
						</td>
					</tr>
					<tr>
						<td>
							产品类型名称：
						</td>
						<td>
							<input id="productTypeName" type="text" name="productType.name">
						</td>
					</tr>
					<tr>
						<td>
							产品类型备注：
						</td>
						<td>
							<input id="productTypeNote" type="text" name="productType.note">
						</td>
					</tr>
					<tr>
						<td>
							<br />
							<input type="submit" name="" value="submit">
						</td>
						<td>
							<br />
							<input type="reset" name="" value="reset">
						</td>
					</tr>
				</table>
			</form>
		</div>

对应的jquery代码：

$('input[name=#update]').click(function(e) {
		var parentTypeId = $(this).parent().parent().children(".parentTypeId")
				.children().attr("value");
		var currentElement = $(this).parent().parent()
				.children(".parentTypeName");
		var parentTypeName = currentElement.html();
		var productTypeName = currentElement.prev().html();
		var productTypeNote = currentElement.prev().prev().html();
		// $("#productTypeName").attr("value", "cccccc");
		// $("#productTypeNote").attr("value", "dddddd");
		alert((productTypeName).toString());
		$("#productTypeName").attr("value", productTypeName);
		$("#productTypeNote").attr("value", "eeeeeee");
		alert(productTypeName);
		var id = $(this).attr('name');
		location(id);
		$(id).fadeIn(2000);

		$.ajax({
					type : "post",
					dataType : "json",
					url : "controller/product/productType!getIdAndName.action",
					success : function(data, textStatus) {
						var select = $("select[name=select]");
						var option = "";

						// var parentTypeName = $(this).parent().parent()
						// .children(".parentTypeId").html();
						// alert(parentTypeName);
						// var productType = eval("(" + data + ")");
						option += "<option value=\"" + parentTypeId + "\">"
								+ parentTypeName + "</option>";
						for (var i = 0; i < data.result; i++) {
							option += "<option value=\""
									+ data.rows[i].productId + "\">"
									+ data.rows[i].productTypeName
									+ "</option>";
						}
						select.html(option);
					},
					complete : function(XMLHttpRequest, textStatus) {
						// HideLoading();
						// alert("complete");
					},
					error : function() {
						alert("error");
					}
				});
	});

但是新问题来了：上面代码的这句并不能正确赋值，截图在附件