質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.46%
JSP

JSP(Java Server Pages)とは、ウェブアプリケーションの表示レイヤーに使われるサーバーサイドの技術のことです。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

Q&A

解決済

1回答

366閲覧

jqueryでセレクターに変数と既存の値を設定する方法

kosshi_s

総合スコア16

JSP

JSP(Java Server Pages)とは、ウェブアプリケーションの表示レイヤーに使われるサーバーサイドの技術のことです。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

0グッド

1クリップ

投稿2020/04/23 08:58

以下の様なjsp(jquery含む)があります。tdは可変となっています。
変数「a」に$("tbody tr")と設定し、そのaを繰り返し使用して、その直下のtdを使用したいので、
$("a[i] td")と設定したのですが、うまく行きませんでした。セレクターに変数を使用して、直下のセレクターを取得するにはどの様に設定すれば良いでしょうか?

html

1<%@ page language="java" contentType="text/html; charset=UTF-8" 2 pageEncoding="UTF-8"%> 3 4<%-- taglibディレクティブタグで、使用するタグライブラリを宣言 --%> 5<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %> 6 7 8<!DOCTYPE html> 9<html> 10<head> 11<meta charset="UTF-8"> 12<title>全部表示</title> 13<!-- 14<script type="text/javascript" src="allitem.js"></script> 15--> 16</head> 17<body> 18 19<form method="get" action="/koshisample/saleBox" name="itemtable"> 20<table> 21<tr> 22<th>chkbox</th> 23<th>ID</th> 24<th>商品名</th> 25<th>値段</th> 26</tr> 27<c:forEach var="item" items="${itemlists}" varStatus="status"> 28 <tr> 29 <td><input type="checkbox" id="chkbid" name="chkb"></td> 30 <td><input type="hidden" name="id" value="${item.id}">${item.id}</td> 31 <td>${item.namae}</td> 32 <td>${item.price }</td> 33 </tr> 34</c:forEach> 35 36</table> 37<input type="submit" name="salebox" value="カゴに入れる" onclick="setValue()"> 38<input type="button" name="test" value="test" onclick="setId()"> 39</form> 40<input type="hidden" id="id1"> 41<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script> 42<script> 43$(function() { 44 var a = $("tbody tr"); 45 console.log(a); 46 for (i =1; i<a.length; i++) { 47 var b = $("a[i] td"); 48 console.log(b); 49 } 50}) 51 52</script> 53 54</body> 55</html>

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

js

1$(function() { 2 var a = $("tbody tr"); 3 console.log(a); 4 a.each(function() { 5 var b = $("td", this); 6 console.log(b); 7 }) 8})

投稿2020/04/23 09:07

kei344

総合スコア69458

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

kosshi_s

2020/04/23 22:22

contextにthisを指定することで、引数aの要素内のtdを対象とできるんですね! ありがとうございました。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.46%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問