jqueryを使ってdiv値を表示するには？

Question

jQueryを使用してdiv値を表示します。私は2つのdivの内容値を持っています、最初の1つの値はsubcategory value1であり、2番目の値はsubcategory value2です。だから私はボタンをクリックすると、私はそれらの対応する値を表示したい。

たとえば、2番目のdivボタンをクリックした場合、値subcategory value2を表示したいとします。私は、これに対する最適なソリューションを提供

<div class='row'> 
     <div class='form-group col-md-10'> 
      <label>Sub Category Name:</label> 
      <br /> 
      <input type='text' name='Sub_category1' id='Sub_category_id1' class='form-control' value="subcategory value1"> 
     </div> 
     <div class='form-group col-md-2'> 
      <br /> 
      <button type='button' id='showvalue' class='deleteupdateContact btn btn btn-danger btn-xs'>SHOW</button> 
     </div> 
    </div> 
<div class='row'> 
     <div class='form-group col-md-10'> 
      <label>Sub Category Name:</label> 
      <br /> 
      <input type='text' name='Sub_category2' id='Sub_category_id2' class='form-control' value="subcategory value2"> 
     </div> 
     <div class='form-group col-md-2'> 
      <br /> 
      <button type='button' id='showvalue' class='deleteupdateContact btn btn btn-danger btn-xs'>SHOW</button> 
     </div> 
    </div> 

このコードを確認してください.. .. ..あなたは一人一人に進出感謝

Answer 1

ドン」：私はあなたのためのサンプルコードを記載している以下

いずれの場合もHTMLの複数の要素に対して同じIDを使用しないでください。

$('.showvalue').click(function(){ 
 
alert($(this).parent().parent('.row').find('input[type="text"]').val()); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class='row'> 
 
     <div class='form-group col-md-10'> 
 
      <label>Sub Category Name:</label> 
 
      <br /> 
 
      <input type='text' name='Sub_category1' id='Sub_category_id1' class='form-control' value="subcategory value1"> 
 
     </div> 
 
     <div class='form-group col-md-2'> 
 
      <br /> 
 
      <button type='button' class='deleteupdateContact btn btn btn-danger btn-xs showvalue'>SHOW</button><!-- added showvalue as button class--> 
 
     </div> 
 
    </div> 
 
<div class='row'> 
 
     <div class='form-group col-md-10'> 
 
      <label>Sub Category Name:</label> 
 
      <br /> 
 
      <input type='text' name='Sub_category1' id='Sub_category_id1' class='form-control' value="subcategory value2"> 
 
     </div> 
 
     <div class='form-group col-md-2'> 
 
      <br /> 
 
      <button type='button' class='deleteupdateContact btn btn btn-danger btn-xs showvalue'>SHOW</button><!-- added showvalue as button class--> 
 
     </div> 
 
    </div>