Phong的社区主页

Phong 最近回复了

5 年前

回复了 Phong 创建的主题 » 如何使用jquery删除按钮单击时附加的div?

你可以用 .parents() 或 closest() 去实现它。

 $("#add").click(function () {

            $("#mydiv").append($("<div class='row' id='row'> <div class='col-md-4'><div class='form-group'><div class='col-md-10'><input type='text' name='vname[]'class='form-control' placeholder='Vazhipad Name' /></div></div></div><div class='col-md-4'><div class='form-group'><div class='col-md-10'><input type='text' name='vprize[]'class='form-control' placeholder='Vazhipad Prize' /> </div></div> </div><div class='form-group'><div class='col-md-10'><button type='button' id='btnRemove' class='btn btn-primary btnRemove'>-</button></div></div></div></div>"))
        });
        $('body').on('click', '.btnRemove', function () {
            $(this).parents('div.row').remove()

        });

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="mydiv" id="mydiv">


        <div class="form-group">
          <div class="col-md-10">
              <select name="templeid" id="tid1" class="form-control">
                            <option >-Select Temple-</option>
                           @foreach (var a in ViewBag.namelist)
                           {
                          <option value="@a.temp_id">@a.templename</option>
                           }
                            </select>
                        </div>
                </div>

        <div class="row">
             <div class="col-md-4">

                <div class="form-group">
                    <div class="col-md-10">
                       <input type="text" name="vname[]"class="form-control" placeholder="Vazhipad Name" />
                    </div>
                </div>
             </div>

  <div class="col-md-4">

                <div class="form-group">
                    <div class="col-md-10">
                        <input type="text" name="vprize[]"class="form-control" placeholder="Vazhipad Prize" />
                    </div>
                </div>
             </div>

   <div class="col-md-4">

                <div class="form-group">
                    <div class="col-md-10">
                        <button type="button" id="add" class="btn btn-primary">+</button>
                    </div>
                </div>

       </div>
            </div>
            </div>

5 年前

回复了 Phong 创建的主题 » 如何向jQuery.addClass和.removeClass添加延迟?

你可以用 setTimeout 去实现它。

jQuery('.class').hover(
() => setTimeout(() => jQuery('#custom').addClass('addedclass'), 200), 

() => setTimeout(() => jQuery('#custom').removeClass('addedclass'), 200));

.addedclass{
color: red;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div class="class">
  <p id="custom">Text</p>
</div>

5 年前

回复了 Phong 创建的主题 » Jquery:用一个具有变量名的类追加到div

问题就在这里 rowName = "'.dogRow" + rowNumber + "'";

你应该这样修好

 var rowName = '.dogRow' + rowNumber;

var dogPool = ["dog1", "dog2"];
var rowNumber = 0;
for (i=0; i<dogPool.length; i++){
    $('.dogTable').append(
        "<div class='dogLine dogRow" + rowNumber + "'></div>"
    );
    console.log("<div class='dogLine dogRow" + rowNumber + "'></div>");

    var rowName = '.dogRow' + rowNumber;
    rowNumber++;
    
    $(rowName).append(
        "<p>"+ i + "</p>"
    );
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="dogTable">
123
</div>

5 年前

回复了 Phong 创建的主题 » 如何从html检索jQuery值

你应该加上 categoryId 元素 hidden

<input type="hidden" id="categoryId" />

$(document).on("click", ".open-DeleteDialog", function () {
    var categoryId = $(this).data('id');
    $("#categoryId").val(categoryId);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<a data-toggle='modal' data-name='$nameCap' data-id='123' class='open-DeleteDialog' href='#deleteDialog'><i class='fas fa-trash-alt'></i>123</a>

<a data-toggle='modal' data-name='$nameCap' data-id='456' class='open-DeleteDialog' href='#deleteDialog'><i class='fas fa-trash-alt'></i>456</a>

<input type="hidden" id="categoryId" />
<hr/>

<div class="modal-body">
    <div id="deleteConfirmation">
      <!-- Filled with confirmation from jquery -->
    </div>
  </div>
  <div class="modal-footer">
    <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
    <button id="saveChanges" type="button" class="btn btn-danger">Delete</button>
    <script>
      $(function() {
        $('#saveChanges').on('click', function() {
          var id = $( "#categoryId").val();
          console.log(id)
        });
      });
    </script>

5 年前

回复了 Phong 创建的主题 » 获取错误值复选框jQuery

你应该用 this

$(".ci_check").click(function(){
    if ($(this).is(":checked")) {
        var abc = $(this).val();
        console.log(abc);
    }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="checkbox" name="group2[]" class="ci_check" value="1000" />1000
<input type="checkbox" name="group2[]" class="ci_check" value="10000" />10000

阅读下面的文章,以便更好地理解

jQuery $(this) keyword

» Phong 创建的更多回复